起风网<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>小型javascript计算器</title>
</head>
<body>
<center><h3>简单计算器</h3></center>
<table width=’500′ align=”center”>
<tr>
<td><input type=”number” name=”quantity1″ id=’num1′></td>
<td>
<select id=’mark’>
<option value=’+’>+</option>
<option value=”-“>-</option>
<option value=”*”>*</option>
<option value=”/”>/</option>
</select>
</td>
<td><input type=”number” name=”quantity2″ id=’num2′></td>
<td>=</td>
<td><input type=”text” id=’result’></td>
<td><input type=’button’ value=’计算’ οnclick=”func()”></td>
</tr>
</table>
</body>
<script type=”text/javascript”>
function func(){
//通过ID找对象取值(注意此处取出来的值如果不采取Number函数转，会默认当做一个字符串，后续+运算会当做一个字符串拼接)
var num1=Number(document.getElementById(‘num1’).value);
var num2=Number(document.getElementById(‘num2’).value);
var mark=document.getElementById(‘mark’).value;
//设定value初始值为null,后续赋值
var value=null;
//判断运算符
switch(mark){
case ‘+’:
value=num1+num2;
break;
case ‘-‘:
value=num1-num2;
break;
case ‘*’:
value=num1*num2;
break;
case ‘/’:
if(num2!=0){
value=num1/num2;
}else{
alert(“分母不能为0”);
}
}
document.getElementById(‘result’).value=value;
}
</script>
</html>
原文链接：https://blog.csdn.net/living_ren/article/details/78797545
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
评论前必须登录！
立即登录