JS——制作简单的⽹页计算器⽤JS做了⼀个简易的⽹页计算器
<!DOCTYPE html>
js制作简单的焦点图效果<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
var oInput01 = ElementById('input01');
var oInput02 = ElementById('input02');
var oFuhao = ElementById('fuhao');
var oBtn = ElementById('btn');
var num01 = oInput01.value;
var num02 = oInput02.value;
var fuhao = oFuhao.value;
//验证是否为空
if(num01==''||num02==''){
alert('输⼊框不能为空！');
return;
}
if(isNaN(num01)||isNaN(num02)){
alert('请输⼊数字！');
return;
}
switch (fuhao){
//这个value是字符串！
case "0":
alert((parseFloat(num01)*100+parseFloat(num02)*100)/100);
break;
case '1':
alert((parseFloat(num01)*100-parseFloat(num02)*100)/100);
break;
case "2":
alert(((parseFloat(num01)*100)*(parseFloat(num02)*100))/10000);
break;
case '3':
alert(((parseFloat(num01)*100)/(parseFloat(num02)*100)));
}
}
}
</script>
</head>
<body>
<h1>计算器</h1>
<input type="text" name="" id="input01">
<select id="fuhao">
<option value="0">+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" name="" id="input02">
<input type="button" name="" value="计算" id="btn">
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。