简单的Javascript计算器,出了什么问题?

时间:2015-01-05 11:18:23

标签: javascript html calculator

我尝试按照我发现的教程制作这个简单的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>

2 个答案:

答案 0 :(得分:1)

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

更改

document.getElementByID("a").value

document.getElementById("a").value

JavaScript区分大小写。这就是为什么js找不到getElementByID

的原因

答案 1 :(得分:0)

错字?

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

尝试:

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