Js 简单计算器
2017-09-21 09:23
246 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
</head>
<body>
<input type="text" id="a" value="1"/>
<select name="select">
<option value="1">+</option>
<option value="2">-</option>
<option value="3">*</option>
<option value="4">/</option>
<option value="5">%</option>
</select>
<input type="text" id="b" value="2"/>
<button id="btn">计算</button>
<span id="zhi"></span>
<script>
document.getElementById("btn").onclick=function () {
var a=document.getElementById("a");
var aa=parseInt(a.value);
var b=document.getElementById("b");
var bb=parseInt(b.value);
var select1=document.getElementsByName("select")[0];
var add=select1.value;
var n=parseInt(add);
var zhi=document.getElementById("zhi");
switch (n){
case 1:
zhi.innerHTML=aa+bb;
break;
ac42
case 2:
zhi.innerHTML=aa-bb;
break;
case 3:
zhi.innerHTML=aa*bb;
break;
case 4:
zhi.innerHTML=aa/bb;
break;
case 5:
zhi.innerHTML=aa%bb;
break;
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 