超级简易的JS计算器实例讲解(实现加减乘除)
5星 · 超过95%的资源 156 浏览量
2020-10-19
10:06:16
上传
评论
收藏 34KB PDF 举报 
超级简易的超级简易的JS计算器实例讲解计算器实例讲解(实现加减乘除实现加减乘除)
下面小编就为大家带来一篇超级简易的JS计算器实例讲解(实现加减乘除)。小编觉得挺不错的，现在就分享给大
家，也给大家做个参考。一起跟随小编过来看看吧
废话不多说，直接上代码废话不多说，直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单的计算器</title>
<style>
body{
margin: 0;
}
.tab{
border: 3px solid black ;
border-radius: 2px;
border-collapse:collapse;
width: 268px;
height: 402px;
margin: 100px auto;
}
.tr{
height: 67px;
width: 268px;
border: 3px solid black ;
text-align: right;
}
.tr1{
width: 268px;
height: 67px;
border: 3px solid black ;
text-align: center;
}
.tr2{
width: 67px;
height: 67px;
border: 3px solid black ;
text-align: center;
}
</style>
<script>
var s1 = "";
var s2 = "";
var s3 = "";
var s4 = "";
var s5 = "";
function view(val){
var a = document.getElementById(val);
s1 = a.innerHTML;
if(s1=="+" || s1=="-" || s1=="*" || s1=="/"){
s3 = s1;
s1 = "";
}
if(s3=="+" || s3=="-" || s3=="*" || s3=="/"){
add2(s1);
}
if(s3==""){
add1(s1);
}
}
function add1(s1){
s2 = s2 + s1;
show();
}
weixin_38651507
- 粉丝: 1
- 资源: 916
- 1
- 2
前往页