JS_简易计算器

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>http://www.gxaedu.com</title>
</head>
<body>
<input type="number" id="text1">
<select>
    <option>+</option>
    <option>-</option>
    <option>*</option>
    <option>/</option>
    <option>%</option>
</select>
<input type="number" id="text2">
<input type="button" value="计算" id="btn1">
</body>
    <script>

        var oText1=document.getElementById('text1');
        var oText2=document.getElementById('text2');
        var oSlt=document.getElementsByTagName('select')[0];
        var oBtn=document.getElementById('btn1');
        oBtn.function () {
            switch (oSlt.value) {
                case '+':
                    alert(parseInt(oText1.value) + parseInt(oText2.value));
                    break;
                case '-':
                    alert(parseInt(oText1.value) - parseInt(oText2.value));
                    break;
                case '*':
                    alert(parseInt(oText1.value) * parseInt(oText2.value));
                    break;
                case '/':
                    alert(parseInt(oText1.value) / parseInt(oText2.value));
                    break;
                case '%':
                    alert(parseInt(oText1.value) % parseInt(oText2.value));
                    break;
            }
        }
    </script>
</html>
  • 1
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 1

打赏作者

zj_努力努力再努力

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值