전자 계산기

<FORM method=get name=Haxim>
<TABLE bgColor=gray>
<TBODY>
<TR>
<TD align=middle><INPUT size=16 name=Input> </TD></TR>
<TR>
<TD align=middle><INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '1'" value="  1  " type=button name=one> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '2'" value="  2  " type=button name=two> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '3'" value="  3  " type=button name=three> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += ' + '" value="  +  " type=button name=plus> </TD></TR>
<TR>
<TD align=middle><INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '4'" value="  4  " type=button name=four> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '5'" value="  5  " type=button name=five> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '6'" value="  6  " type=button name=six> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += ' - '" value="  ㅡ " type=button name=minus> </TD></TR>
<TR>
<TD align=middle><INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '7'" value="  7  " type=button name=seven> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '8'" value="  8  " type=button name=eight> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '9'" value="  9  " type=button name=nine> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += ' * '" value="  x  " type=button name=times> </TD></TR>
<TR>
<TD align=middle><INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value = ''" value="  c  " type=button name=clear> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += '0'" value="  0  " type=button name=zero> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value = eval(Haxim.Input.value)" value="  =  " type=button name=DoIt> <INPUT style="BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BACKGROUND-COLOR: #506070; WIDTH: 30px; COLOR: white; BORDER-TOP: 1px; CURSOR: hand; BORDER-RIGHT: 1px" onfocus=this.blur() onmouseover="this.style.backgroundColor= 'blue'" onmouseout="this.style.backgroundColor='#506070'" onclick="Haxim.Input.value += ' / '" value="  /  " type=button name=div></TD></TR></TBODY></TABLE></FORM>