You are on page 1of 2

<html>

<head>
<title>Calculator</title>
</head>
<body style="background-image:url(sea.jpg)" font face=tahoma>
<h1 align=center font face=tahoma color=white>Simple Calculator</h1>
<form name="Calc">
<table border=1 align=center>
<tr>
<td colspan=2>
<input type="text" name="Input" Size="20">
<br>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 1 " OnClick="Calc.Input.value += '1'">
<input type="button" value=" 2 " OnClick="Calc.Input.value += '2'">
<input type="button" value=" 3 " OnClick="Calc.Input.value += '3'">
<td>
<input type="button" value=" + " OnClick="Calc.Input.value += '+'">
</td>

</tr>
<td>
<input type="button" value=" 4 " OnClick="Calc.Input.value += '4'">
<input type="button" value=" 5 " OnClick="Calc.Input.value += '5'">
<input type="button" value=" 6 " OnClick="Calc.Input.value += '6'">
<td>
<input type="button" value=" - " OnClick="Calc.Input.value += '-'">
</td>
</td>
<tr>
<td width=10 cellspacing=10>
<input type="button" value=" 7 " OnClick="Calc.Input.value += '7'">
<input type="button" value=" 8 " OnClick="Calc.Input.value += '8'">
<input type="button" value=" 9 " OnClick="Calc.Input.value += '9'">
<td>
<input type="button" value=" x " OnClick="Calc.Input.value += '*'">
</td>
</td>
</tr>
<tr>
<td width=10 cellspacing=10>
<input type="button" value=" C " OnClick="Calc.Input.value = ''">
<input type="button" value=" 0 " OnClick="Calc.Input.value += '0'">
<input type="button" value=" . " OnClick="Calc.Input.value += '.'">

<td>
<input type="button" value=" / " OnClick="Calc.Input.value += '/'">
</td>
<td>
<input type="button" value=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
</td>
</td>
</tr>
</table>
</form>
</body>
</html>

You might also like