Javascript使用按钮向文本框添加数字

也许是个愚蠢的问题，但我正试图抓取文本框中的一个数字，然后按下一个按钮向其中添加1

这是html

<input type="text" id="txt_invoer" value="1">
<button onclick="countUp()">+</button>
<button onclick="countDown()">-</button>

+
-

下面是javascript

<script>
    function countUp() {
        var i = parseInt(document.getElementById('txt_invoer').value);
        var iResult = i++;
        document.getElementById('txt_invoer').innerHTML = 
        iResult.toString();
    }
</script>

函数倒计时（）{
var i=parseInt（document.getElementById（'txt\u invoir'）.value）；
var-iResult=i++；
document.getElementById（'txt\u invoier'）。innerHTML=
iResult.toString（）；
}

我希望我不是太笨。。。

---

提前感谢

欢迎来到stackoverflow buddy

只需使用DOM元素的

.value

字段来更新输入的值

innerHTML

可用于更新div的内容等

另外，

i++

增加值，但在增加值之前返回

i

的值，因此您应该使用

++i

返回增加值

函数倒计时（）{
var txtInvoer=document.getElementById（'txt_invoer'）；
var i=parseInt（txtInvoer.value，10）；
txtInvoer.value=++i；
}

+
-

在执行i++时；赋值在增量之前完成。这就是为什么很多人都在使用++i。其中赋值是在增量之后完成的

我建议您采取以下解决方案：

• ++一,
• i+=1；//i=i+1的短方法

我主要推荐第二种。很多人不知道这一点，所以我不鼓励使用++来禁用任何错误风险

---

请在此处查看有关++的Mozilla文档：

使用

.value=iResult

更改自

var-iResult=i++到
var-iResult=++i请选择关闭这些问题，而不是回答。回答Dupethak是一种不好的做法，它非常适合你所以请将其标记为solved1+，您所说的也受到airbnb的javascirpt指南的鼓励：是的，我没有包括它，但您是对的。很多大公司都鼓励这种做法。