Question

也许是一个愚蠢的问题，但我试图抓住一个文本框中的数字，并通过按一个按钮添加1。

这是html

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

这是javascript

x == 0

我希望我不要太笨...... 提前致谢

Answer 1

欢迎来到stackoverflow好友！

只需使用DOM元素的.value字段即可更新输入值。 innerHTML可用于更新div等内容。

同样i++递增值但在递增之前返回i的值，因此您应该使用++i来返回递增的值。

＆＃13;

function countUp() {
    var txtInvoer = document.getElementById('txt_invoer');
    var i = parseInt(txtInvoer.value, 10);
    txtInvoer.value = ++i;
}

＆＃13;

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

＆＃13;

Answer 2

在做i ++时;值的赋值在递增之前完成。这就是为什么很多人都在使用++ i的原因。在增量后完成分配。

我建议您解决方案：

++ I;
i + = 1; // i = i + 1的简短方法;

我大多推荐第二个。很多人都不知道这一点，所以我没有鼓励使用++来禁用任何错误风险。

在这里查看关于++的Mozilla文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment_()

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

2 个答案: