用js实现一个简单的计算器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Js计算器</title>
<style>
*{
margin: 0px;
padding: 0px;
}
.box{
margin: 100px auto;
270px;
border: 1px solid black;
padding: 20px;
}
.keys{
overflow: hidden;
padding: 10px;
}
.keys span{
float: left;
height: 30px;
50px;
margin-left: 10px;
margin-top: 10px;
line-height: 30px;
text-align: center;
background: #ccc;
box-shadow: 2px 2px 2px 2px black; /*盒阴影x偏移量，y偏移量，Bulr模糊程度（半径）**/
}
.outShow p{
100%;
display: block;
height: 80px;
border: none;
/*border: 1px solid #ccc;*/
background: black;
color: white;
text-align: right;
line-height: 80px;
font-size: 40px;
}
.keys span:last-child{
110px;
}
.keys span:hover{
background: #ecf;
}
</style>
</head>
<body>
<div class="box">
<div class="outShow">
<p :
outShow.innerHTML=parseFloat(sNum1)/parseFloat(sNum2);
break;
}
}
</script>
</html>