使用JS的函数功能,制作一个简易的计算器,包括加、减、乘、除的功能。输入任意操作数,使用函数传参的方式完成计算器的功能。
<body>
<div id="one">
<div>
第一个数:<input type="text" id="box1">
</div>
<div>
第二个数:<input type="text" id="box2">
</div>
<div style="margin-left: 70px;">
<button onclick="cal('+')">+</button>
<button onclick="cal('-')">-</button>
<button onclick="cal('*')">*</button>
<button onclick="cal('/')">/</button>
<button onclick="cal('%')">%</button>
</div>
<div>
计算结果:<input type="text" id="box3">
</div>
</div>
<script>
function cal(res){
var _box1=document.getElementById('box1');
var _box2=document.getElementById('box2');
var _box3=document.getElementById('box3');
var a=_box1.value;
var b=_box2.value;
var box3=eval(a+res+b);
// 录入结果
_box3.value=box3;
// 清空第一个和第二个数值
_box1.value="";
_box2.value="";
}
</script>
</body>
效果图如下:
这就是利用JS中的函数做出的很简易的一个计算器的效果,各位小伙伴快去试试吧!