在我的计算器中添加“删除”按钮

时间:2015-02-10 14:52:45

标签: javascript html

我是一名教师,试图为学生制作一个方程编辑器来输入他们的方程式。我在网上发现了一个免费的脚本,它制作了一个计算器,然后我编辑了它供我自己使用,但是我无法添加删除最后输入的按钮。

我真的想添加删除最后一个输入按钮或撤消按钮。 这是我到目前为止,我不知道按钮的字符串应该是什么......

非常感谢任何帮助。

谢谢。

<FORM NAME="Calc">
<TABLE BORDER=9>
<TR>
<TD>
<INPUT TYPE="text"   style="width: 380px;height: 50px;font-size: 22px;" NAME="Input" Size="45">
<br>
</TD>
</TR>
<TR>
<TD>

<INPUT TYPE="button" style="width: 70px;height: 100px;font-size: 18px;" NAME="clear" VALUE="  Clear  " OnClick="Calc.Input.value = ''">
<br>
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += '+'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += '-'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += 'X'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="div"   VALUE="  ÷  " OnClick="Calc.Input.value += '÷'">
<br>
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="Less"   VALUE="  <  " OnClick="Calc.Input.value += '<'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="Equal"  VALUE="  =  " OnClick="Calc.Input.value += '='">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="Greater"  VALUE="  >  " OnClick="Calc.Input.value += '>'">
<br>
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="("  VALUE="  (  " OnClick="Calc.Input.value += '('">
<INPUT TYPE="button" style="width: 50px;height: 200px;font-size: 18px;" NAME=")"  VALUE="  )  " OnClick="Calc.Input.value += ')'">
<INPUT TYPE="button" style="width: 50px;height: 200px;font-size: 18px;" NAME="Fraction"  VALUE="  ¼  " OnClick="Calc.Input.value += '/'">
<br>
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="Dot"  VALUE="  .  " OnClick="Calc.Input.value += '.'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="Dash"  VALUE="  -  " OnClick="Calc.Input.value += '-'">
<INPUT TYPE="button" style="width: 50px;height: 100px;font-size: 18px;" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" style="width: 70px;height: 100px;font-size: 18px;" NAME="Space"  VALUE="  Space  " OnClick="Calc.Input.value += ' '">

3 个答案:

答案 0 :(得分:2)

放手一搏

<INPUT TYPE="button" style="width: 70px;height: 100px;font-size: 18px;" NAME="Delete"  VALUE="  Delete" OnClick="Calc.Input.value = Calc.Input.value.substring(0, Calc.Input.value.length - 1)">

Brodie说的是好建议。

答案 1 :(得分:0)

这可能不是网上借阅的最佳计算器。您通常希望将javascript与标记分开,而不是像这样排列所有内容。艾伦建议的可能是唯一真正的解决方案,而不会让你把JS分解成自己的。但是,内联js通常不是一个好方法。如果这仅仅是出于使用目的,这应该可以正常工作,但如果您正在教孩子们在JS中编写计算器,那么我会寻找一个更好的示例,其中包含JavaScript,HTML(标记)和CSS (样式)分隔成自己的实体。这对孩子们来说是一个很棒的OOP项目。 :)

答案 2 :(得分:0)

尝试一下

<input type="button"  onclick="document.calc.Input.value = document.calc.Input.value.slice(0, -1)" value="C">