贼简单html计算器

emmmm
只是一个简单的整数型计算
计算结果可能不是整数


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <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炫酷一下

你可能感兴趣的:(html)