JavaScript计算器简单清除功能无法正常工作

Question

我正在尝试使用Javascript和Im构建一个简单的计算器，在清除显示内容时遇到问题。

有人可以看看我的代码，让我知道为什么它不起作用。

为什么不将显示值设置为空字符串呢？ 我究竟做错了什么？ 坦克你们。

 function testing(button){ var x = button.value; document.getElementById("display").innerHTML+=x; } function clear() { document.getElementById("display").innerHTML = ""; }

 <body> <input type="button" id="one" value="1" onClick="testing(this)"> <input type="button" id="one" value="2" onClick="testing(this)"> <input type="button" id="one" value="3" onClick="testing(this)"> <input type="button" id="clear" value="clear" onClick="clear()"> <h1 id="display"></h1> </body>

Answer 1

您的方法名称与id值冲突，只需将其更改为clear1 。

  function testing(button){ var x = button.value; document.getElementById("display").innerHTML+=x; } function clear1(){ document.getElementById("display").innerHTML = ""; }

 <body> <input type="button" id="one" value="1" onClick="testing(this)"> <input type="button" id="one" value="2" onClick="testing(this)"> <input type="button" id="one" value="3" onClick="testing(this)"> <input type="button" id="clear" value="clear" onClick="clear1()"> <h1 id="display"></h1> </body>

Answer 2

问题是有一个document.clear函数优先于您的原始调用。 您可以通过在控制台中输入document.clear进行测试。

尝试将函数重命名为clearDisplay。

 function testing(button){ var x = button.value; document.getElementById("display").innerHTML+=x; } function clearDisplay(){ document.getElementById("display").innerHTML = ""; }

 <body> <input type="button" id="one" value="1" onClick="testing(this)"> <input type="button" id="one" value="2" onClick="testing(this)"> <input type="button" id="one" value="3" onClick="testing(this)"> <input type="button" id="clearDisplay" value="clear" onClick="clearDisplay()"> <h1 id="display"></h1> </body>

JavaScript计算器简单清除功能无法正常工作

问题描述

2 个解决方案

解决方案1
6 2017-10-13 07:22:22

解决方案2
1 2017-10-13 07:24:24

JavaScript计算器简单清除功能无法正常工作

问题描述

2 个解决方案

解决方案1 6 2017-10-13 07:22:22

解决方案2 1 2017-10-13 07:24:24

解决方案1
6 2017-10-13 07:22:22

解决方案2
1 2017-10-13 07:24:24