<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算器</title>
<link rel="stylesheet" type="text/css" href="" />
<style>
input{
width:80px;
text-align:center;
}
#inp1{
width:180px;
text-align:center;
}
</style>
<script type="text/javascript">
function Calculator(){
this.jisuan=function(num1,num2,oper){
var res=0;
switch(oper){
case "+":
res=num1+num2;
break;
case "-":
res=num1-num2;
break;
case "*":
res=num1*num2;
break;
case "/":
res=num1/num2;
break;
case "%":
res=num1%num2;
break;
case "+/-":
res=-num1;
break;
}
return res;
}
}
var calculator=new Calculator();
var val=0;
var xval=0;
var temp=0;
var oper="";
function inputEvent(e){
val=e.value
var xsval=document.getElementById("inp1");
xsval.value+=val;
xval=parseFloat(xsval.value);
}
function inputPCB(e){
var xsval=document.getElementById("inp1");
if(e.value=="C"){
xsval.value="";
}else if(e.value=="CE"){
xsval.value="0."
}else if(e.value=="返回"){
xsval.value="";
}
}
function inputOper(e){
oper=e.value;
if (e.value=="+"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="-"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="*"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="/"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="%"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value=""
}else if(e.value=="+/-"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value=""
}
}
function inputEquel(e){
var xsval=document.getElementById("inp1");
if(e.value=="="){
xsval.value=calculator.jisuan(temp,xval,oper);
}
}
</script>
</head>
<body>
<table width="514" border="1" align="center">
<tr>
<td colspan="3"> <input id="inp1" name="xianshi" value="" type="text" width="206"/> </td>
<td><input name="" type="button" value="C" οnclick="inputPCB(this)"/> </td>
<td><input name="" type="button" value="CE" οnclick="inputPCB(this)"/> </td>
</tr>
<tr>
<td><input type="button" value="7" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="8" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="9" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="+/-" οnclick="inputOper(this)"/> </td>
<td><input type="button" value="%" οnclick="inputOper(this)"/> </td>
</tr>
<tr>
<td><input type="button" value="4" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="5" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="6" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="+" οnclick="inputOper(this)"/> </td>
<td><input type="button" value="-" οnclick="inputOper(this)"/> </td>
</tr>
<tr>
<td><input type="button" value="1" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="2" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="3" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="*" οnclick="inputOper(this)"/> </td>
<td><input type="button" value="/" οnclick="inputOper(this)"/> </td>
</tr>
<tr>
<td><input type="button" value="0" οnclick="inputEvent(this)"/> </td>
<td><input type="button" value="." οnclick="inputEvent(this)"/> </td>
<td> </td>
<td><input type="button" value="=" οnclick="inputEquel(this)"/> </td>
<td><input type="button" value="返回" οnclick="inputPCB(this)"/> </td>
</tr>
</table>
</body>
</html>
网友评论