javascript - 将 "Delete"按钮添加到我的计算器

Question

我是一名老师，试图制作一个方程式编辑器，供学生输入方程式。我在网上找到了一个制作计算器的免费脚本，然后我对其进行了编辑以供自己使用，但我无法添加删除上次输入的按钮。

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

非常感谢任何帮助。

谢谢。

<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 += ' '">

Answer 1

尝试一下

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

布罗迪所说的是很好的建议。