javascript - 如何在html中获取输入框的值并对其进行操作

Question

我正在测试一个简单的代码:

1. 获取输入框的值
2. 对其进行数学运算...

我的代码:

setInterval(function(){var a=document.getElementById("myInputBox").value;var b=a+1;a.value=b;},1000);    

我正在尝试每 1 秒将 1 添加到该输入框的值。

例如，如果框的值为 1 ，则 1 秒后它应该变为 2，....等等......

但它与框的值相结合，例如 11 而不是 2。

这是为什么？

Answer 1

尝试使用完整代码和演示:

get value from inputbox 是一个字符串，所以无法进行数学计算。所以，首先使用函数parseInt将字符串转换为数字，然后计算并放入框中。

setInterval(function() {
  var box = document.getElementById("myInputBox");
  var r = parseInt(box.value, 10) + 1;
  box.value = r;
}, 1000);

<input type="text" id="myInputBox" value="1" />