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 = '';
}

使用JavaScript的简单计算器

2 个答案: