<SCRIPT language=JavaScript>
<!-- 
function compute(obj) 
{
obj.expr.value = eval(obj.expr.value);
}
var one = '1';
var two = '2';
var three = '3';
var four = '4';
var five = '5';
var six = '6';
var seven = '7';
var eight = '8';
var nine = '9';
var zero = '0';
var plus = '+';
var minus = '-';
var multiply = '*';
var divide = '/';
var decimal = '.';
function enter(obj, string) 
{
obj.expr.value += string;
}
function clear(obj) 
{ 
obj.expr.value = '';
}
<!-- -->
</SCRIPT>


<FORM name=calculator>
<TABLE bgColor=red border=6>
<TBODY>
<TR>
<TD colSpan=4><INPUT name=expr size=22 action="compute(this.form)"> </TD>
<TR>
<TD><INPUT onclick="enter(this.form, seven)" type=button value="   7   "> 
<TD><INPUT onclick="enter(this.form, eight)" type=button value="   8   "> 
<TD><INPUT onclick="enter(this.form, nine)" type=button value="   9   "> 
<TD><INPUT onclick="enter(this.form, divide)" type=button value="   /   "> 
</TD>
<TR>
<TD><INPUT onclick="enter(this.form, four)" type=button value="   4   "> 
<TD><INPUT onclick="enter(this.form, five)" type=button value="   5   "> 
<TD><INPUT onclick="enter(this.form, six)" type=button value="   6   "> 
<TD><INPUT onclick="enter(this.form, multiply)" type=button value="   *   "> 
</TD>
<TR>
<TD><INPUT onclick="enter(this.form, one)" type=button value="   1   "> 
<TD><INPUT onclick="enter(this.form, two)" type=button value="   2   "> 
<TD><INPUT onclick="enter(this.form, three)" type=button value="   3   "> 
<TD><INPUT onclick="enter(this.form, minus)" type=button value="   -    "> 
</TD>
<TR>
<TD colSpan=2><INPUT onclick="enter(this.form, zero)" type=button value="        0        "> 


<TD><INPUT onclick="enter(this.form, decimal)" type=button value="   .    "> 


<TD><INPUT onclick="enter(this.form, plus)" type=button value="   +   "> 
</TD>
<TR>
<TD colSpan=2><INPUT onclick=compute(this.form) type=button value="        =        "> 


<TD colSpan=2><INPUT onclick=reset(this.form) size=3 type=button value="      AC      "> 
</TR></TBODY></TABLE></FORM>


</body>
</html>