JavaScript简单案例——简单计算器

最新推荐文章于 2022-03-12 14:44:44 发布

君绾

最新推荐文章于 2022-03-12 14:44:44 发布

阅读量308

点赞数

分类专栏： my js 文章标签： JavaScript

本文链接：https://blog.csdn.net/wing_annuan/article/details/103283532

版权

my 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

本文展示了如何用JavaScript创建一个简单的计算器，包括加、减、乘、除四种基本运算。通过代码实现计算器的功能，并提供了实际运行的效果图。

摘要由CSDN通过智能技术生成

简单计算器

代码如下：

<body>
    <input type="text" id="num1" value="">
    <select name="" id="fuhao">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" id="num2">
    <input type="button" value="=" onclick="jisuan()">
    <input type="text" id="res">
    <script>
        // 想要拿到input的值，那么需要给input添加一个id名，
        // 然后在js中 通过input的id.value 就可以拿到input的值


        //禁止res输入文字
        var input = document.getElementById("res");
        input.setAttribute("readonly", "readonly");
        //基本算数
        function jisuan() {
            var n1 = parseInt(num1.value);
            var n2 = parseInt(num2.value);
            console.log(n1 + n2);
            if (fuhao.value == '+') {
                res.value = n1 + n2
            }
            if (fuhao.value == '-') {
                res.value = n1 - n2
            }
            if (fuhao.value == '*') {
                res.value = n1 * n2
            }
            if (fuhao.value == '/') {
                res.value = n1 / n2
            }
        }

    </script>
</body>