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开发中因空格引发的错误
Nov 08 Javascript
DIV菜单层实现代码
Nov 19 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
JS的数组迭代方法
Feb 05 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
每天一篇javascript学习小结(基础知识)
Nov 10 Javascript
AngularJS 遇到的小坑与技巧小结
Jun 07 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
基于input框覆盖掉数字英文的实例讲解
Jul 21 Javascript
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
JS实现秒杀倒计时特效
Jan 02 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 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数组去重复数据示例
2014/02/25 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
2020/02/06 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
js实现计算器功能
2020/08/10 Javascript
跟老齐学Python之print详解
2014/09/28 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
super关键字的用法
2012/04/10 面试题
奶茶店创业计划书范文
2014/01/17 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
我的小天地教学反思
2014/04/30 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
小学科学教学计划
2015/01/21 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书