<style>
		.cal { 	width: 300px; height: 400px; border: 1px solid black; text-align: center; }
		.cal button { width: 70px; height: 40px; font-size: 14pt;}
		.cal input { width: 98%; font-size: 14pt;font-family:'Comic Sans MS'; }
	</style>	<style>
		.cal { 	width: 300px; height: 400px; border: 1px solid black; text-align: center; }
		.cal button { width: 70px; height: 40px; font-size: 14pt;}
		.cal input { width: 98%; font-size: 14pt;font-family:'Comic Sans MS'; }
	</style>

<h1>網頁小算盤</h1>

<div class="cal">

<table style="width: 99%;">
<tr>
	<td colspan="4">
	<input type="text" style="font-size: 10pt" readonly="readonly" id="mycal" /></td>
</tr>
<tr>
	<td colspan="4">
	<input type="text" style="text-align: right" readonly="readonly" id="myio" /></td>
</tr>
<tr>
	<td><button Onclick="myclick('(')">(</button></td>
	<td><button Onclick="myclick(')')">)</button></td>
	<td><button Onclick="myback()">←</button></td>
	<td><button Onclick="myclear()">EC</button></td>
</tr>
<tr>
	<td><button Onclick="myclick('7')">7</button></td>
	<td><button Onclick="myclick('8')">8</button></td>
	<td><button Onclick="myclick('9')">9</button></td>
	<td><button Onclick="myclick('/')">÷</button></td>
</tr>
<tr>
	<td><button Onclick="myclick('4')">4</button></td>
	<td><button Onclick="myclick('5')">5</button></td>
	<td><button Onclick="myclick('6')">6</button></td>
	<td><button Onclick="myclick('*')">x</button></td>
</tr>
<tr>
	<td><button Onclick="myclick('1')">1</button></td>
	<td><button Onclick="myclick('2')">2</button></td>
	<td><button Onclick="myclick('3')">3</button></td>
	<td><button Onclick="myclick('+')">+</button></td>
</tr>
<tr>
	<td><button Onclick="myclick('0')">0</button></td>
	<td><button Onclick="myclick('.')">.</button></td>
	<td><button Onclick="myoutput()">=</button></td>
	<td><button Onclick="myclick('-')">-</button></td>
</tr>
</table>

</div>