javascript - 为什么2加2是22？

Question

我是 Javascript 编码新手，我正在尝试制作我的第一个计算器:它有三个文本框，用户在第一个文本框中输入他们想要添加的第一个数字，在第二个文本框中输入第二个数字框，然后单击按钮，这两个数字相加的结果将显示在第三个文本框中。但是，当我执行 1 + 1 时，结果是 11 而不是 2，当我执行 2 + 2 时，结果是 22 而不是 4。我知道这是一个非常新手的问题，但是你们能帮我吗？我究竟做错了什么？也很抱歉我的英语不好，我是巴西人。 JS代码如下:

<script>
  function AddResolve() {
    document.getElementById('AddResult').value = document.getElementById('AddInputOne').value + document.getElementById('AddInputTwo').value
  }
</script>

这是三个框和按钮的 HTML 代码:

<input type="text" id="AddResult">
<input type="text" id="AddInputOne">
<input type="text" id="AddInputTwo">
<input type="button" id="AddButton" onclick="AddResolve()">

Answer 1

这是因为 Javascript 中的字段值是字符串，而不是数字。您需要强制它们为整数:

document.getElementById('AddResult').value =
  parseInt(document.getElementById('AddInputOne').value) +
  parseInt(document.getElementById('AddInputTwo').value)

使用字段值调用 parseInt() 会将字符串转换为整数。