使用 JavaScript 的简单计算器

Question

我正在尝试创建一个简单的 JavaScript 计算器，但它没有按预期工作。

我试过了，但我得到了正确的结果。 下面是我的代码。 请让我知道我在这里做错了什么

下面是 HTML 和 JavaScript 代码。

注意：无法更改 HTML 结构。

 function update(value) { //Type the code here. document.myForm.screen.value += value; } function result(VALUE) { document.myForm.screen.value = eval(document.myForm.screen.value); } function form_reset() { //Type the code here. document.myForm.screen.value = value; }

 <FORM NAME="myForm"> <TABLE BORDER=2> <TR> <TD align="center"> <INPUT TYPE="text" ID="screen" NAME="screen" style="width:99%"><br> </TD> </TR> <TR> <TD> <INPUT TYPE="button" NAME="7" VALUE=" 7 " onclick="update(7)"> <INPUT TYPE="button" NAME="8" VALUE=" 8 " onclick="update(8)"> <INPUT TYPE="button" NAME="9" VALUE=" 9 " onclick="update(9)"> <INPUT TYPE="button" NAME="+" VALUE=" + " onclick="update('+')"> <br> <INPUT TYPE="button" NAME="4" VALUE=" 4 " onclick="update(4)"> <INPUT TYPE="button" NAME="5" VALUE=" 5 " onclick="update(5)"> <INPUT TYPE="button" NAME="6" VALUE=" 6 " onclick="update(6)"> <INPUT TYPE="button" NAME="-" VALUE=" - " onclick="update('-')"> <br> <INPUT TYPE="button" NAME="1" VALUE=" 1 " onclick="update(1)"> <INPUT TYPE="button" NAME="2" VALUE=" 2 " onclick="update(2)"> <INPUT TYPE="button" NAME="3" VALUE=" 3 " onclick="update(3)"> <INPUT TYPE="button" NAME="*" VALUE=" x " onclick="update('*')"> <br> <INPUT TYPE="button" NAME="c" VALUE=" c " onclick="form_reset();"> <INPUT TYPE="button" NAME="0" VALUE=" 0 " onclick="update(0)"> <INPUT TYPE="button" NAME="=" VALUE=" = " onclick="result();"> <INPUT TYPE="button" NAME="/" VALUE=" / " onclick="update('/')"> </TD> </TR> </TABLE> </FORM>

Answer 1

使用您的代码后，它似乎按预期方式工作，除了：

function form_reset() {
  //Type the code here.
  document.myForm.screen.value = value;
}

此处未定义变量“值”。 尝试分配一个未定义的值是行不通的，我们希望此函数重置计算器输入的内容。

将此更改为：

function form_reset() {
  //Type the code here.
  document.myForm.screen.value = '';
}

将使“c”按钮起作用，因为我们正在清除包含计算器输入的字符串。

Answer 2

function update(value) {
  document.getElementById("screen").value += value;
}

function result(value) {
  document.getElementById("screen").value = eval(document.getElementById("screen").value);
  }

function form_reset() {
  document.getElementById("screen").value = '';
}