JS版计算器

最新推荐文章于 2023-12-01 19:30:20 发布

qizhichao110

最新推荐文章于 2023-12-01 19:30:20 发布

阅读量682

点赞数

分类专栏： JavaScript知识点

本文链接：https://blog.csdn.net/qizhichao110/article/details/8748440

版权

JavaScript知识点专栏收录该内容

13 篇文章 0 订阅

订阅专栏

   <title></title>
    <script type="text/javascript">
        function result(a) {
            switch(a){
            case "+":
                document.getElementById("z").value=parseInt(document.getElementById("x").value) + parseInt(document.getElementById("y").value);
                break;
            case "-":
                document.getElementById("z").value=parseInt(document.getElementById("x").value) - parseInt(document.getElementById("y").value);
                break;
            case "*":
               document.getElementById("z").value=parseInt(document.getElementById("x").value) * parseInt(document.getElementById("y").value);
               break;
           case "/":
               document.getElementById("z").value = parseInt(document.getElementById("x").value) / parseInt(document.getElementById("y").value);
               break;
             }
         };
    </script>
<body>
    <form id="form1" runat="server">
    <div>
    请输入第一个数：<input type="text" name="num1" id="x"/>
    <br/>
    请输入第二个数：<input type="text" name="num2" id="y"/>
    <br/>
       <button οnclick="result('+')" style="width: 61px">+</button>
       <button οnclick="result('-')" style="width: 61px">-</button>
       <button οnclick="result('*')" style="width: 61px">*</button>
       <button οnclick="result('/')" style="width: 61px">/</button>
       <br/>
    结果：
    <input type="text" name="result1" id="z"/>
    </div>
    </form>
</body>

效果如图所示：

qizhichao110

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS版计算器

function result(a) { switch(a){ case "+": document.getElementById("z").value=parseInt(document.getElementById("x").value) + parseInt(document.getElementById
复制链接

扫一扫