Js 简单计算器

最新推荐文章于 2019-09-18 16:11:22 发布

置顶赛文

最新推荐文章于 2019-09-18 16:11:22 发布

阅读量321

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/qq_39493777/article/details/78047994

版权

Js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单计算器</title>
</head>
<body>
    <input type="text" id="a" value="1"/>
    <select name="select">
        <option value="1">+</option>
        <option value="2">-</option>
        <option value="3">*</option>
        <option value="4">/</option>
        <option value="5">%</option>
    </select>
    <input type="text" id="b" value="2"/>
    <button id="btn">计算</button>
    <span id="zhi"></span>
    <script>
        document.getElementById("btn").onclick=function () {
            var a=document.getElementById("a");
            var aa=parseInt(a.value);
            var b=document.getElementById("b");
            var bb=parseInt(b.value);
            var select1=document.getElementsByName("select")[0];
            var add=select1.value;
            var n=parseInt(add);
            var zhi=document.getElementById("zhi");
            switch (n){
                case 1:
                    zhi.innerHTML=aa+bb;
                    break;
                case 2:
                    zhi.innerHTML=aa-bb;
                    break;
                case 3:
                    zhi.innerHTML=aa*bb;
                    break;
                case 4:
                    zhi.innerHTML=aa/bb;
                    break;
                case 5:
                    zhi.innerHTML=aa%bb;
                    break;
            }
        }
    </script>
</body>
</html>

赛文

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Js 简单计算器

html>html lang="en">head> meta charset="UTF-8"> title>简单计算器title>head>body> input type="text" id="a" value="1"/> select name="select"> option value="1">+option> opt
复制链接

扫一扫