贼简单html计算器

最新推荐文章于 2024-04-25 20:22:26 发布

Krisez

最新推荐文章于 2024-04-25 20:22:26 发布

阅读量4.3k

点赞数 2

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_34206863/article/details/78819561

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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炫酷一下

Krisez

关注

2
点赞
踩
5

收藏

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

emmmm 只是一个简单的整数型计算计算结果可能不是整数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .button { width: 50px; } </style>
复制链接

扫一扫