首先,我们整理一下思路,普通的计算器,无非就是 、-、*、/。
我们大概制作一个模型,像这样的。
两个框,负责输入数据,中间的下拉列表选择运算符,最后按下“=”按钮,弹出一个对话框,显示结果。
所以,我们的body结构大致就是这样:
<body>
<input type="text" id="N1">
<select>
<option >-</option>
<option > </option>
<option >*</option>
<option >/</option>
</select>
<input type="text" id="N2">
<input type="button" id="btn" value="=">
</body>
模型就完成了,接下来设置它们的js代码,我们要获取值,还要让它进行运算。
<script>
var oN1=document.getElementById('N1');
var oN2=document.getElementById('N2');
var obtn=document.getElementById('btn');
obtn.onclick=function () {
var a=parseFloat(oN1.value);
var b=parseFloat(oN2.value);
if (ojian.selected==true){
alert(a-b);
}if(ojia.selected==true){
alert(a b);
}if (ocheng.selected==true){
alert(a*b);
}if(ochu.selected==true){
alert(a/b);
}
}
</script>
当中间那个符号被选中的时候,就进行这样的运算,当然后面还可以加点其他的,比如%之类的,条件就在if里面再加就行了,这样简易的计算器就完成了。