<html>
<head>
<title>计算器</title>
<script type="text/javascript">
function clickvalue(val){
//获取显示框
var result=document.getElementsByName("result")[0];
//判断如果点击按钮为等会的话进行计算
if(val=='=') {
result.value=result.value+'='+eval(result.value);
}
//判断如果点击的按钮为清除,清空显示框
else if(val=='cls'){
result.value='';
}
//其它的将点击的按钮在显示框中进行显示
else{
result.value=result.value+val;
}
}
</script>
</head>
<body style="text-align: center;">
<div
style="width: 200px; height: 230px; background-color: teal; text-align: center;">
<p><br />
<input type="text" value="" name="result" width="150px" disabled /></p>
<p>
<input type="button" name="1" value=" 1 "
οnclick="clickvalue(1);" />
<input type="button" name="2"
value=" 2 " οnclick="clickvalue(2);" />
<input type="button"
name="3" value=" 3 " οnclick="clickvalue(3);" />
<input
type="button" name="+" value=" 加 " οnclick="clickvalue('+');" />
</p>
<p>
<input type="button" name="4" value=" 4 "
οnclick="clickvalue(4);" />
<input type="button" name="5"
value=" 5 " οnclick="clickvalue(5);" />
<input type="button"
name="6" value=" 6 " οnclick="clickvalue(6);" />
<input
type="button" name="-" value=" 减 " οnclick="clickvalue('-');" />
</p>
<p>
<input type="button" name="7" value=" 7 "
οnclick="clickvalue(7);" />
<input type="button" name="8"
value=" 8 " οnclick="clickvalue(8);" />
<input type="button"
name="9" value=" 9 " οnclick="clickvalue(9);" />
<input
type="button" name="*" value=" 乘 " οnclick="clickvalue('*');" />
</p>
<p>
<input type="button" name="0" value=" 0 "
οnclick="clickvalue(0);" />
<input type="button" name="/"
value=" 除 " οnclick="clickvalue(/);" />
<input type="button"
name="=" value="等于" οnclick="clickvalue('=');" />
<input type="button"
name="cls" value="清空" οnclick="clickvalue('cls');" />
</p>
</div>
</body>
</html>