<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=utf-8"/>
<title>个人主页</title>
<meta charset="utf-8" />
<style type="text/css">
table {
text-align:center;
margin:auto;
width:200px;
border-spacing:0px;
}
</style>
</head>
<body>
<div>
<form name="form1" method="post">
<table border="1">
<tr>
<td colspan="3"><input type="text" id="text" /></td>
</tr>
<tr>
<td><input type="button" value="1" class="shuzi" /></td>
<td><input type="button" value="2" class="shuzi" /></td>
<td><input type="button" value="3" class="shuzi" /></td>
</tr>
<tr>
<td><input type="button" value="4" class="shuzi" /></td>
<td><input type="button" value="5" class="shuzi" /></td>
<td><input type="button" value="6" class="shuzi" /></td>
</tr>
<tr>
<td><input type="button" value="7" class="shuzi" /></td>
<td><input type="button" value="8" class="shuzi" /></td>
<td><input type="button" value="9" class="shuzi" /></td>
</tr>
<tr>
<td><input type="button" value="0" class="shuzi" /></td>
<td><input type="button" value="." class="shuzi" /></td>
<td><input type="button" value="+" class="fuhao" /></td>
</tr>
<tr>
<td><input type="button" value="-" class="fuhao" /></td>
<td><input type="button" value="*" class="fuhao" /></td>
<td><input type="button" value="/" class="fuhao" /></td>
</tr>
<tr>
<td><input type="button" value="C" class="gongneng" /></td>
<td><input type="button" value="B" class="gongneng" /></td>
<td><input type="button" value="=" id="jieguo" /></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
var atext = document.getElementById("text");
var ashuzi = document.getElementsByClassName("shuzi");
var afuhao = document.getElementsByClassName("fuhao");
var agongneng = document.getElementsByClassName("gongneng");
var ajieguo = document.getElementById("jieguo");
var text="";
var num1 = "";
var num2 = "";
var fuhao = "";
var gongneng = "";
for (var i = 0; i < ashuzi.length; i++) {
ashuzi[i].onclick = function () {
if (fuhao) {
atext.innerHTML += this.value;
num2 += this.value;
}
else {
textt += this.value;
atext.innerHTML = text;
}
}
};
for (var i = 0; i < afuhao.length; i++) {
afuhao[i].onclick = function () {
fuhao = this.value;
num1 = atext.innerHTML;
atext.innerHTML += this.value;
}
};
ajieguo.onclick = function () {
var jg = 0;
switch (fuhao) {
case '+':
jg = num1 + num2;
break;
case '-':
jg = num1 - num2;
break;
case '*':
jg = num1 * num2;
break;
case '/':
jg = num1 / num2;
break;
}
atext.innerHTML = jg;
text = "";
num1 = jg;
num2 = "";
fuhao = "";
};
for (var i = 0; i < agongneng.length; i++) {
agongneng[i].onclick = function () {
if (gongneng != "C") {
text.innerHTML = "";
}
else {
alert("错误");
}
}
}
</script>
</body>
<html>