JS版简易网页计算器

最新推荐文章于 2019-09-08 23:14:18 发布

cutedylan

最新推荐文章于 2019-09-08 23:14:18 发布

阅读量919

点赞数

分类专栏： javaScript 文章标签： button function javascript border input

本文链接：https://blog.csdn.net/arthur_d/article/details/6846111

版权

javaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<html>

<head>
<script type="text/javascript">
var num="";
var operator="";
var front="";
var back="";
function numsend(val){
var getnum=val.value;
if(getnum=="+"||getnum=="-"||getnum=="*"||getnum=="/"){
front=num;
operator=getnum;
num="";
var cal=document.getElementById("result");
cal.value=num;
}else if(getnum=="="){back=num;
num="";
var cal=document.getElementById("result");
cal.value=num;
front=parseFloat(front);
back=parseFloat(back);
switch(operator){
case "+":
finality=front+back;
cal.value=finality;
break;
case "-":
finality=front-back;
cal.value=finality;
break;
case "*":
finality=front*back;
cal.value=finality;
break;
case "/":
finality=front/back;
cal.value=finality;
break;
default:
alert("请输入运算符");
}
}else{
num=num.concat(getnum);
var cal=document.getElementById("result");
cal.value=num;
}
}
function endup(){
javascript:self.close();
}
function qingling(){
var cal=document.getElementById("result");
num="";
cal.value=num+"0";
operator="";
}
function houtui(){
var cal=document.getElementById("result");
num="";
cal.value=num+"0";
}
</script>
</head>
<body>
<table border="1">
<tr bgcolor=blue><td colspan=4><input type="text" id="result" value="0"/></td></tr>
<tr><td><input type="button" value="power" οnclick="endup()"/></td><td><input type="button" value="clear" οnclick="qingling()"/></td><td><input type="button" value="back" οnclick="houtui()"/></td><td></td></tr>
<tr><td><input type="button" value="1" οnclick="numsend(this)"/></td><td><input type="button" value="2" οnclick="numsend(this)"></td><td><input type="button" value="3" οnclick="numsend(this)"></td><td><input type="button" value="4" οnclick="numsend(this)"></td></tr>
<tr><td><input type="button" value="5" οnclick="numsend(this)"></td><td><input type="button" value="6" οnclick="numsend(this)"></td><td><input type="button" value="7" οnclick="numsend(this)"></td><td><input type="button" value="8" οnclick="numsend(this)"></td></tr>
<tr><td><input type="button" value="9" οnclick="numsend(this)"></td><td><input type="button" value="0" οnclick="numsend(this)"></td><td><input type="button" value="." οnclick="numsend(this)"></td><td><input type="button" value="=" οnclick="numsend(this)"></td></tr>
<tr><td><input type="button" value="+" οnclick="numsend(this)"/></td><td><input type="button" value="-" οnclick="numsend(this)"/></td><td><input type="button" value="*" οnclick="numsend(this)"/></td><td><input type="button" value="/" οnclick="numsend(this)"/></td></tr>
</table>
</body>
</html>