Question

我试图做一个简单的计算器。这就是我所拥有的：

<script>
  function f1() {
    var x = document.getElementById("num1");
    var y = document.getElementById("num2");
    var z = x + y;
    alert(z);
  }
</script>


<input id="num1" type="text">
<input id="num2" type="text">
<button onclick="f1()">Click</button>

我一直收到错误。

Answer 1

您需要提取这些输入的值。

function f1() {
    var x = document.getElementById("num1").value;
    var y = document.getElementById("num2").value;
    var z = x + y;
    alert(z);
  }

有关详细信息，请参阅 here 。

Answer 2

x和y都是HTMLElement s，而不是Number s，因此您无法将它们简单地添加到一起。相反，您希望在将value属性转换为Number之后将它们添加到一起：

var z = parseFloat(x.value) + parseFloat(y.value);

MDN有一篇关于JavaScript类型的好文章可能会有所帮助：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures

JavaScript计算器错误请修复

2 个答案: