JavaScript计算器错误,请修复

JavaScript Calculator Error please need fix

本文关键字:计算器 错误 JavaScript      更新时间:2023-09-26

我想做一个简单的计算器。这是我得到的:

<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>

xy都是HTMLElement s,而不是Number s,所以不能简单地将它们相加。相反,您希望在将它们转换为Number属性后将它们的value属性添加在一起:

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

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

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

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

详情见此处