关于这个 javascript 计算器我不明白的三件事答案

【问题标题】：Three things I don't understand about this javascript calculator关于这个 javascript 计算器我不明白的三件事
【发布时间】：2013-05-18 18:19:13
【问题描述】：

嘿，我是 JavaScript 新手，我只是想知道一些我从未见过的代码，我只是想知道它是如何练习我的 JavaScript 我想制作一个计算器，我在网上得到了这段代码只是想知道三件事。

代码如何知道将数字和答案输出到文本框中。
这行代码是如何工作的？ Calc.Input.value 我知道Calc 是Input 的形式是输入，value 是输入的值，例如 1 2 或 3，但是我怎么知道我选择的是什么输入？
Calc.Input.value = eval(Calc.Input.value) 究竟是做什么的，它是如何工作的？

感谢您的宝贵时间，祝您有愉快的一天，如果我没有提供足够的信息，我们深表歉意。

<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text"   NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>

【问题讨论】：

标签： javascript html calculator

【解决方案1】：

查看您的onClick 属性：如果它被点击，则执行onClick 中的代码。输入的实际值仅使用这些+=（附加到）进行修改。（如果您当前的输入是6 +，并且您单击4，则将附加4：现在是6 + 4）
Input 在这里也等同于您的第一个输入的 name 属性，这就是选择它的原因。
eval(Calc.Input.value) 将您的输入值解释为 Javascript。因此，当输入中有 4 + 6 时，它会被评估为 Javascript 并返回 10。

【讨论】：