简单 Javascript 计算器，出错了？

Question

我试着按照我找到的教程制作这个简单的 JS 计算器，但它似乎根本不起作用。当我按下其中一个按钮时，没有任何反应。我可能犯了一个非常愚蠢的错误，所以如果我在浪费你的时间，我很抱歉。我已经对其进行了故障排除，但找不到解决方案。

更正：现在有效！

var a,b,result;
    function setValues()
    {
     a = Number(document.getElementById("a").value);
     b = Number(document.getElementById("b").value);
    }
    
    function sum()
    {
     setValues();
     result = a+b;
     alert("The sum is equal to"+result);
    }
    
    function rest()
    {
     setValues();
     result = a-b;
     alert("The rest is equal to"+result);
    }
    
    function mult()
    {
     setValues();
     result = a*b;
     alert("The mult is equal to"+result);
    }
    
    function div()
    {
     setValues();
     result = a/b;
     alert("The div is equal to"+result);
    }

<div>
  <input id="a" type="text">
  <input id="b" type="text">
  <input type="button" onclick="sum()" value="sum"/>
  <input type="button" onclick="rest()" value="rest"/>
  <input type="button" onclick="mult()" value="multiply"/>
  <input type="button" onclick="div()" value="divide"/>

</div>

Answer 1

您可以检查您的控制台 (F12) 是否抛出错误。

改变

document.getElementByID("a").value

至

document.getElementById("a").value

JavaScript 区分大小写。所以这就是js找不到getElementByID

的原因

Answer 2

打字错误？

a = Number(document.getElementByID("a").value);
b = Number(document.getElementByID("b").value);

尝试：

a = Number(document.getElementById("a").value);
b = Number(document.getElementById("b").value);

简单 Javascript 计算器，出错了？

Simple Javascript Calculator, something went wrong?

javascript

html

calculator