JS简单计算器实例

(编辑：jimmy 日期: 2026/5/2 浏览：3 次 )

本文实例讲述了JS简单计算器的实现方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function sum() {
            //js类型转换 parseInt(value,10)的意思就是将value的值转换成十进制的数值
            var id1 = parseInt(document.getElementById("bnt1").value, 10);
            var id2 = parseInt(document.getElementById("bnt2").value, 10);
            var id3 = id1 + id2;
            document.getElementById("bnt3").value = id3;
        }
    </script>
</head>
<body>
<input type="text" id ="bnt1" />+<input type="text" id="bnt2" /><input type="button" value="=" onclick="sum()"/><input type="text" readonly="readonly" id="bnt3" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

上一篇：html的DOM中Event对象onblur事件用法实例
下一篇：jQuery元素的隐藏与显示实例