如何运用JavaScript中的函数做出一个简易计算器呢?

使用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中的函数做出的很简易的一个计算器的效果,各位小伙伴快去试试吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值