JS简单计算器实例


Posted in Javascript onJanuary 20, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Javascript 表单之间的数据传递代码
Dec 04 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
Jun 09 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
React注册倒计时功能的实现
Sep 06 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
React优化子组件render的使用
May 12 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
js实现点击选项置顶动画效果
Aug 25 Javascript
jQuery元素的隐藏与显示实例
Jan 20 #Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 #Javascript
DOM基础教程之使用DOM控制表单
Jan 20 #Javascript
DOM基础教程之使用DOM控制表格
Jan 20 #Javascript
jQuery实现tag便签去重效果的方法
Jan 20 #Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 #Javascript
DOM基础教程之事件类型
Jan 20 #Javascript
You might like
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
python提取内容关键词的方法
2015/03/16 Python
python+selenium+autoit实现文件上传功能
2017/08/23 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
详解django三种文件下载方式
2018/04/06 Python
Python 变量类型详解
2018/10/10 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
linux面试题参考答案(9)
2015/01/07 面试题
应届毕业生自我评价分享
2013/12/15 职场文书
授权委托书怎么写
2014/04/03 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
药品营销策划方案
2014/06/15 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
民主生活会汇报材料
2014/12/15 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
用Python实现Newton插值法
2021/04/17 Python