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

时间:2013-05-18 18:19:14

标签: javascript html calculator

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

  1. 代码如何知道将数字和答案输出到文本框中。

  2. 这行代码如何工作? Calc.Input.value我知道Calc表单Input表示输入,而value是输入的值,如1 2或3但是如何知道输入I& #39;我选择?

  3. Calc.Input.value = eval(Calc.Input.value)究竟做了什么以及如何运作?

  4. 感谢您抽出宝贵的时间,感谢抱歉,如果我没有提供足够的信息。

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

1 个答案:

答案 0 :(得分:3)

  1. 查看您的onClick属性:如果已点击,请执行onClick中的代码。输入的实际值仅使用这些+=(追加)进行修改。 (如果您当前的输入为6 +并点击4,则会附加4:现在是6 + 4
  2. Input在这里也相当于您第一次输入的name属性,这就是为什么选择它。
  3. eval(Calc.Input.value)将您的输入值解释为Javascript。因此,当输入中有4 + 6时,它将被评估为Javascript并返回10