將「刪除」按鈕添加到我的計算器

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

，什麼布羅迪說是很好的建議。

Answer 2

這可能不是網上最好的借閱者。您通常希望將您的JavaScript從標記中分離出來，而不是像這樣排列一切。 Alan所建議的可能是唯一真正的解決方案，不會讓你將JS分解成它自己的。但是，內聯js通常不是一個好的選擇。如果這僅僅是爲了使用的目的，這應該可以正常工作，但如果你正在教孩子關於用JS編寫計算器，那麼我會尋找一個更好的例子，它有JavaScript，HTML（標記）和CSS（樣式）分離出來成爲他們自己的實體。這對孩子們來說是一個很好的面向對象項目。 :)