Js实现简单的计算器

最新推荐文章于 2023-10-14 13:34:36 发布

Laker_1

最新推荐文章于 2023-10-14 13:34:36 发布

阅读量306

点赞数

分类专栏：其他文章标签： Js

本文链接：https://blog.csdn.net/Mytall/article/details/79292610

版权

其他专栏收录该内容

4 篇文章 0 订阅

订阅专栏

刚看了一段时间的js，想写个demo，动动手，看下就明白了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">

        function  count() {
            var txt1=document.getElementById("dig1").value;
            var txt2=document.getElementById("dig2").value;
            var operator=document.getElementById("select").value;
            var result="";

            switch (operator) {
                case "+":
                    result = parseInt(txt1) + parseInt(txt2);
                    break;
                case "-":
                    result = parseInt(txt1) - parseInt(txt2);
                    break;
                case "*":
                    result = parseInt(txt1) * parseInt(txt2);
                    break;
                case "/":
                    result = parseInt(txt1) / parseInt(txt2);
                    break;
                default:
                    break;
            }
            document.getElementById("result").value=result;
        }
    </script>

</head>
<body>

   <input type="text" id="dig1"/>
    <select id="select">
        <span style="white-space:pre"></span><option value="+">+</option>
        <span style="white-space:pre"></span><option value="-">-</option>
        <span style="white-space:pre"></span><option value="*">*</option>
        <span style="white-space:pre"></span><option value="/">/</option>
    </select>

    <input type="text" id="dig2">
    <input type="button" id="amount" οnclick="count()" value="=">
    <input type="text" id="result">

</body>
</html>

结果：

Laker_1

关注

0
点赞
踩
0

收藏

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

刚看了一段时间的js，想写个demo，动动手，看下就明白了&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script type="
复制链接

扫一扫

专栏目录