贼简单html计算器

来源：互联网发布：网络维保服务模式编辑：程序博客网时间：2024/05/16 15:46
emmmm
只是一个简单的整数型计算
计算结果可能不是整数
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        .button {            width: 50px;        }    </style>    <script>        var v1; // 第一个数        var v2; //第二个数        var math; //运算符        var show ; // id        var temp ; //中间值        function setV(a) {            show = document.getElementById("show");            temp = show.value;            if (a >= 0 || a <= 9)//这里可以加一个‘.’                show.value = temp + a;        }        function js(m) {            show = document.getElementById("show");            temp = show.value;            if (v1 == null) {                v1 = temp;            }            math = m;            show.value="";        }        function get(){            show = document.getElementById("show");            temp = show.value;            v2 = show.value;            show.value="";            a = parseInt(v1);//对字符转型            b = parseInt(v2);            var c;            switch (math){                case "*":                    c = a*b;                    break;                case "+":                    c = a+b;                    break;                case "-":                    c = a-b;                    break;                case "/":                    c = a/b;                    break;            }            show.value = (c);        }    </script></head><body align="center"><input type="text" id="show" value=""/><br><input type="button" class="button" value="1" onclick="setV(1)">　<input type="button" class="button" value="2" onclick="setV(2)">　<input type="button" class="button" value="3" onclick="setV(3)">　<input type="button" class="button" value="+" onclick="js('+')"><input type="button" class="button" value="*" onclick="js('*')"><br><input type="button" class="button" value="4" onclick="setV(4)">　<input type="button" class="button" value="5" onclick="setV(5)">　<input type="button" class="button" value="6" onclick="setV(6)">　<input type="button" class="button" value="-" onclick="js('-')"><input type="button" class="button" value="/" onclick="js('/')"><br><input type="button" class="button" value="7" onclick="setV(7)">　<input type="button" class="button" value="8" onclick="setV(8)">　<input type="button" class="button" value="9" onclick="setV(9)">　<input type="button" class="button" value="0" onclick="setV(0)"><input type="button" class="button" value="=" onclick="get()"><br></body></html>
emmmmm 只是一个思路还可以结合css炫酷一下
阅读全文
0 0