JS_简易计算器

最新推荐文章于 2023-11-14 10:53:55 发布

zj_努力努力再努力

最新推荐文章于 2023-11-14 10:53:55 发布

阅读量291

点赞数 1

文章标签：简易计算器 switch语句

本文链接：https://blog.csdn.net/weixin_44754656/article/details/89457827

版权

<!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>

zj_努力努力再努力

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JS_简易计算器

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>http://www.gxaedu.com</title></head><body><input type="number" id...
复制链接

扫一扫