Js 简单计算器

来源:互联网 发布:淘宝客源码程序免费 编辑:程序博客网 时间:2024/06/06 08:28
<!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>
原创粉丝点击