javascript - 简单的 Javascript 计算器,出了问题吗?

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

最佳答案

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

改变

document.getElementByID("a").value

document.getElementById("a").value

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

关于javascript - 简单的 Javascript 计算器,出了问题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27778426/

相关文章:

javascript - 如何使用 angular2-highcharts 和 AOT 编译器导入导出.js 和导出数据.js?

javascript - src 中的路径以到达不同目录中的文件

带有 datalist 的 Javascript 将不会显示所有匹配的选项

javascript - react 和 Redux : Dispatching action not working

javascript - console.log(document.head) 结果随每次刷新而交替

javascript - div 位于页面底部?

c++ - 为什么这个 Boost Spirit 示例没有编译?

Java 验证基本计算器程序中的输入

python - 如何制作计算器不和谐机器人?

javascript - jQuery : change text colour at timed intervals