JavaScript：模拟简易计算器的实现
我是一名在校大学生，初次写博客，希望各位大佬不喜勿喷，这个小程序，仅供参考，希望对大家有所帮助。
效果展示：
分析过程：
- 使用
<marquee></marquee>标签，是Welcome to calcuators滚动效果的实现标，类似于跑马灯，从右向左。 - 定义5个
<input>标签，其中3个text，1个select，1个button。 - 给计算按钮添加函数，这个时候我们可以根据用户选择的运算方法添加4个不同的函数进行计算，但是这样过冗余麻烦，所以我们接收到用户选择的计算方法后，进行
switch()语句进行筛选，进行计算。 - 当用户输入的除数为0、用户的两个数字不合法时，我们要给出相应的处理，提示用户输入错误。
- 使用
document.表单名.ID号.value获取文本框的值，将操作结果显示在对应文本框里。
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<meta charset="utf-8">
<script language="javascript">
function asd(){
var a=document.jisuanqi.nb1.value;
var b=document.jisuanqi.nb2.value;
var x=document.jisuanqi.xiala.value;
var y=parseFloat(x);
if((a!="")&&(b!="")){
switch(y){
case(1):
var c=parseFloat(a)+parseFloat(b);
document.jisuanqi.nb3.value=c;
break;
case(2):
var c=parseFloat(a)-parseFloat(b);
document.jisuanqi.nb3.value=c;
break;
case(3):
var c=parseFloat(a)*parseFloat(b);
document.jisuanqi.nb3.value=c;
break;
case(4):
if(b!="0"){
var c=parseFloat(a)/parseFloat(b);
document.jisuanqi.nb3.value=c;
}
else{
break;
}
break;
}
}
else
alert("请输入正确数据!");
}
</script>
</head>
<body bgcolor="#23c4ba">
<marquee><h1>Welcome to calcuators</h1></marquee>
<form name="jisuanqi" action="NULL" method="post" align="center">
数字1=<input type="text" name="nb1" id="nb1"><br>
数字2=<input type="text" name="nb2" id="nb2"><br>
<h3>请选择运算方法</h3>
<select id="xiala" style="width:60px">
<option value="1" selected="selected">
+
</option>
<option value="2">
-
</option>
<option value="3">
*
</option>
<option value="4">
/
</option>
</select><br><br>
<input type="button" value="计算" onclick="asd()"><br><br>
结果=<input type="text" name="nb3">
</form>
</body>
</html>