js计算器

最新推荐文章于 2023-06-22 11:12:52 发布

AndylauLBJ

最新推荐文章于 2023-06-22 11:12:52 发布

阅读量582

点赞数

文章标签： js 计算器

本文链接：https://blog.csdn.net/AndylauLBJ/article/details/48251003

版权

<!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">
<script>
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;
}
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=parseInt(xsval.value);

}
function inputPCB(e){
var xsval=document.getElementById("inp1");
if(e.value=="AC"){
xsval.value="";
}else if(e.value=="+/-"){
xsval.value=-xsval.value;
}else if(e.value=="背景"){
document.getElementById("body").bgColor="#0066FF";
}
}
function inputOper(e){
oper=e.value;
if (e.value=="+"){
var xsval=document.getElementById("inp1");
temp=parseInt(xsval.value);
xsval.value="";
}else if(e.value=="-"){
var xsval=document.getElementById("inp1");
temp=parseInt(xsval.value);
xsval.value="";
}else if(e.value=="*"){
var xsval=document.getElementById("inp1");
temp=parseInt(xsval.value);
xsval.value="";
}else if(e.value=="/"){
var xsval=document.getElementById("inp1");
temp=parseInt(xsval.value);
xsval.value="";
}else if(e.value=="%"){
var xsval=document.getElementById("inp1");
temp=parseInt(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 bgcolor="#FFFFCC" id="body">
<blockquote> </blockquote>
<table border="1">
<caption>简易计算器</caption>
<tr>
<td colspan="4">
<input id="inp1" type="text" value="" name="xianshi"/></td>
</tr>
<tr>
<td><input type="button" value="AC" οnclick="inputPCB(this)"/>
</td>
<td><input type="button" value="+/-" οnclick="inputPCB(this)"/>
</td>
<td><input type="button" value="%"οnclick="inputOper(this)"/>
<td><input type="button" value="背景"οnclick="inputPCB(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>
</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>
</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>

</tr>
<tr>
<td><input type="button" value="0" οnclick="inputEvent(this)"/>
</td>
<td><input type="button"value="." οnclick="inputEvent(this)"/>
</td>
<td><input type="button" value="=" οnclick="inputEquel(this)"/>
</td>
<td><input type="button" value="/" οnclick="inputOper(this)"/>
</td>
</tr>
</table>
</body>
</html>