<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
var flag = false;
function show(val){
var display = document.form.display.value;
if(display == "0."){
document.form.display.value = val;
}
else{
document.form.display.value += val;
}
}
function square(){
var display = document.form.display.value;
document.form.display.value = Math.sqrt(display);
}
function reciprocal(){
var display = document.form.display.value;
document.form.display.value = 1/display;
}
function changeSign(){
var display = document.form.display.value;
var val = (display>0)?"-"+display:-display;
document.form.display.value = val;
}
function backspace(){
var display = document.form.display.value;
document.form.display.value = display.substring(0,display.length-1);
}
function changeColor(name){
document.getElementById(name).style.background ="blue";
}
function backColor(name){
document.getElementById(name).style.background ="white";
}
function compute(){
var display = document.form.display.value;
document.form.display.value = eval(display);
}
</script>
<style>
body{
text-align:center;
font-size:12px;
}
table{
width:30%;
border-collapse:collapse;
}
.red{
color:red;
}
.blue{
color:blue;
}
.right{
text-align:right;
}
.input{
border:0;
}
</style>
</head>
<body>
<form action="" method="get" name="form">
<table border="1">
<tr align="left">
<td colspan="6">
<span onMouseOver="changeColor('s1')" id="s1" onMouseOut="backColor('s1')">编辑(E)</span><span onMouseOver="changeColor('s2')" id="s2" onMouseOut="backColor('s2')">查看(V)</span><span onMouseOver="changeColor('s3')" id="s3" onMouseOut="backColor('s3')">帮助(H)</span>
</td>
</tr>
<tr align="center">
<td colspan="6">
<input name="display" type="text" size="35" value="0." class="right">
</td>
</tr>
<tr>
<td> </td>
<td colspan="5"><input name="" type="button" value="Backspace" class="red" onClick="backspace()"><input name="" type="reset" value=" CE " class="red"><input name="" type="reset" value=" C " class="red"></td>
</tr>
<tr>
<td><input name="" type="button" value=" MC " class="red"></td>
<td><input name="" type="button" value=" 7 " class="blue" onClick="show('7')"></td>
<td><input name="" type="button" value=" 8 " class="blue" onClick="show('8')"></td>
<td><input name="" type="button" value=" 9 " class="blue" onClick="show('9')"></td>
<td><input name="" type="button" value=" / " class="red" onClick="show('/')"></td>
<td><input name="" type="button" value="sqrt" class="blue" onClick="square()"></td>
</tr>
<tr>
<td><input name="" type="button" value=" MR " class="red"></td>
<td><input name="" type="button" value=" 4 " class="blue" onClick="show('4')"></td>
<td><input name="" type="button" value=" 5 " class="blue" onClick="show('5')"></td>
<td><input name="" type="button" value=" 6 " class="blue" onClick="show('6')"></td>
<td><input name="" type="button" value=" * " class="red" onClick="show('*')"></td>
<td><input name="" type="button" value=" % " class="blue"></td>
</tr>
<tr>
<td><input name="" type="button" value=" MS " class="red"></td>
<td><input name="" type="button" value=" 1 " class="blue" onClick="show('1')"></td>
<td><input name="" type="button" value=" 2 " class="blue" onClick="show('2')"></td>
<td><input name="" type="button" value=" 3 " class="blue" onClick="show('3')"></td>
<td><input name="" type="button" value=" - " class="red" onClick="show('-')"></td>
<td><input name="" type="button" value="1/x " class="blue" onClick="reciprocal()"></td>
</tr>
<tr>
<td><input name="" type="button" value=" M+ " class="red"></td>
<td><input name="" type="button" value=" 0 " class="blue" onClick="show('0')"></td>
<td><input name="" type="button" value="+/-" class="blue" onClick="changeSign()"></td>
<td><input name="" type="button" value=" . " class="blue" onClick="show('.')"></td>
<td><input name="" type="button" value=" + " class="red" onClick="show('+')"></td>
<td><input name="" type="button" value=" = " class="red" onClick="compute()"></td>
</tr>
</table>
</form>
</body>
</html>