主页 / 网络编程 /

JS简单计算器实例

网络编程 2021-07-04 21:47www.168986.cn编程入门
这篇文章主要介绍了JS简单计算器的实现方法,以加法实例分析了js实现计算功能的技巧,需要的朋友可以参考下

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

代码如下:

<html xmlns="http://.w3./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元素的隐藏与显示实例

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by