编程 Javascript

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程序设计有所帮助。

JS简单计算器实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

永不消失的title提示代码

Feb 15 Javascript

js事件处理程序跨浏览器解决方案

Mar 27 Javascript

深入解析Backbone.js框架的依赖库Underscore.js的作用

May 07 Javascript

AngularJS 遇到的小坑与技巧小结

Jun 07 Javascript

JS中的数组方法笔记整理

Jul 26 Javascript

JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)

Dec 14 Javascript

Node.js中文件操作模块File System的详细介绍

Jan 05 Javascript

vue+axios实现登录拦截的实例代码

May 22 Javascript

Webpack4+Babel7+ES6兼容IE8的实现

Apr 10 Javascript

vue video和vue-video-player实现视频铺满教程

Oct 30 Javascript

vant-ui AddressEdit地址编辑和van-area的用法说明

Nov 03 Javascript

前端如何实现动画过渡效果

Feb 05 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中判断一个字符串包含另一个字符串的方法

2007/03/19 PHP

php实现mysql封装类示例

2014/05/07 PHP

Thinkphp5.0自动生成模块及目录的方法详解

2017/04/17 PHP

PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法

2017/05/03 PHP

JavaScript的目的分析

2007/01/05 Javascript

javascript下判断一个对象是否具有指定名称的属性的的代码

2010/01/11 Javascript

javascript自适应宽度的瀑布流实现思路

2013/02/20 Javascript

JS获取后台Cookies值的小例子

2013/03/04 Javascript

利用js制作html table分页示例(js实现分页)

2014/04/25 Javascript

JQuery勾选指定name的复选框集合并显示的方法

2015/05/18 Javascript

JavaScript中的条件判断语句使用详解

2015/06/03 Javascript

跟我学习javascript的undefined与null

2015/11/17 Javascript

Vue.js组件使用开发实例教程

2016/11/01 Javascript

jquery easyui DataGrid简单示例

2017/01/23 Javascript

JS中利用localStorage防止页面动态添加数据刷新后数据丢失

2017/03/10 Javascript

深入浅析Vue不同场景下组件间的数据交流

2017/08/15 Javascript

VUE页面中加载外部HTML的示例代码

2017/09/20 Javascript

Vue项目全局配置微信分享思路详解

2018/05/04 Javascript

js中innerText/textContent和innerHTML与target和currentTarget的区别

2019/01/21 Javascript

js form表单input框限制20个字符，10个汉字代码实例

2019/04/12 Javascript

原生js实现的移动端可拖动进度条插件功能详解

2019/08/15 Javascript

深度解读vue-resize的具体用法

2020/07/08 Javascript

JS算法教程之字符串去重与字符串反转

2020/12/15 Javascript

python基础教程之类class定义使用方法

2014/02/20 Python

简单总结Python中序列与字典的相同和不同之处

2016/01/19 Python

Python脚本实现Web漏洞扫描工具

2016/10/25 Python

Python散点图与折线图绘制过程解析

2019/11/30 Python

Django form表单与请求的生命周期步骤详解

2020/06/07 Python

Python 实现3种回归模型（Linear Regression，Lasso，Ridge）的示例

2020/10/15 Python

深入浅析HTML5中的SVG

2015/11/27 HTML / CSS

Lookfantastic瑞典：英国知名美妆购物网站

2018/04/06 全球购物

alice McCALL官网：澳大利亚时尚品牌

2020/11/16 全球购物

请说出以下代码输出什么

2013/08/30 面试题

仓库管理专业个人的自我评价

2013/12/30 职场文书

重大事项社会稳定风险评估方案

2014/06/15 职场文书

投资入股协议书

2016/03/22 职场文书