<html>
<head runat="server">
<title></title>
<script type="text/javascript">
var baseoper;
var digitstate;
var num1;
var operstate;
//显示
function setStartState() {
digitstate = "beempty";
num1 = 0;
baseoper = "beempty";
operstate = false;
}
//显示多个数据
function add(i) {
if (operstate) {
cal.total.value = i;
operstate = false;
}
else {
if (cal.total.value == "0") {
cal.total.value = i;
digistate = "bein";
}
else
cal.total.value += i;
}
}
//全部清除
function cleartext() {
cal.total.value = "0";
digitstate = "beempty";
basestate = "beempty"
}
//算法
function count() {
if (baseoper != "beempty") {
switch (baseoper) {
case "+":
num1 = parseFloat(num1) + parseFloat(cal.total.value);
break;
case "-":
num1 = parseFloat(num1) - parseFloat(cal.total.value);
break;
case "*":
num1 = parseFloat(num1) * parseFloat(cal.total.value);
break;
case "/":
num1 = parseFloat(num1) / parseFloat(cal.total.value);
break;
}
preoper = true;
cal.total.value = num1;
}
baseoper = "beempty";
}
//小数
function addPoint() {
if (digitstate == "bein" || digitstate == "beempty") {
cal.total.value += ".";
digistate = "befloat";
}
}
function setOper(oper) {
operstate = true;
if (baseoper == "beempty") {
num1 = 0 + cal.total.value;
baseoper = oper;
}
else {
count();
baseoper = oper;
}
}
var num3;
//后退
function backspace() {
var num = document.getElementById('tota');
num3 = num.value.substring(0, num.value.length - 1);
document.getElementById('tota').value = num3;
}
</script>
</head>
<body οnlοad="setStartState()">
<!--计算器界面--------计算器界面-->
<form name="cal">
<table border="5" align="left" >
<tr align="center">
<td colspan="6">
<input type="text" id="tota" name="total" size="25" value="0" />
</td>
</tr>
<tr align="center">
<td><input type="button" value="1" οnclick="add('1')"/></td>
<td><input type="button" value="2" οnclick="add('2')"/></td>
<td><input type="button" value="3" οnclick="add('3')"/></td>
<td><input type="button" value="+" οnclick="setOper('+')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="4" οnclick="add('4')"/></td>
<td><input type="button" value="5" οnclick="add('5')"/></td>
<td><input type="button" value="6" οnclick="add('6')"/></td>
<td><input type="button" value="-" οnclick="setOper('-')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="7" οnclick="add('7')"/></td>
<td><input type="button" value="8" οnclick="add('8')"/></td>
<td><input type="button" value="9" οnclick="add('9')"/></td>
<td><input type="button" value="*" οnclick="setOper('*')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="0" οnclick="add('0')"/></td>
<td><input type="button" value="." οnclick="addPoint()"/></td>
<td><input type="button" value="=" οnclick="count()"/></td>
<td><input type="button" value="/" οnclick="setOper('/')"/></td>
</tr>
<tr align="center">
<td colspan="2"><input type="button" value="清除" οnclick="cleartext()"/></td>
<td colspan="2"><input type="button" value="Backspace" οnclick="backspace()" /></td>
</tr>
</table>
</form>
</body>
</html>