编程 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 相关文章推荐

JAVASCRIPT HashTable

Jan 22 Javascript

addEventListener 的用法示例介绍

May 07 Javascript

jQuery中Ajax的load方法详解

Jan 14 Javascript

jQuery中$this和$(this)的区别介绍（一看就懂）

Jul 06 Javascript

jQuery继承extend用法详解

Oct 10 Javascript

详解Vue 非父子组件通信方法（非Vuex）

May 24 Javascript

jQuery实现弹窗下底部页面禁止滑动效果

Dec 19 jQuery

Angular5.1新功能分享

Dec 21 Javascript

基于Vue的侧边目录组件的实现

Feb 05 Javascript

详解JS预解析原理

Jun 16 Javascript

JavaScrip如果基于url实现图片下载

Jul 03 Javascript

Vue项目开发常见问题和解决方案总结

Sep 11 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数字转汉字代码(算法)

2011/10/08 PHP

php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法

2013/11/14 PHP

php自动获取关键字的方法

2015/01/06 PHP

PHP抽奖算法程序代码分享

2015/10/08 PHP

[原创]smarty简单模板变量输出方法

2016/07/09 PHP

PHP基于curl post实现发送url及相关中文乱码问题解决方法

2017/11/25 PHP

javascript同步Import,同步调用外部js的方法

2008/07/08 Javascript

IE6下js通过css隐藏select的一个bug

2010/08/16 Javascript

使用JavaScript 编写简单计算器

2014/11/24 Javascript

JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解

2016/06/14 Javascript

jQuery和JavaScript节点插入元素的方法对比

2016/11/18 Javascript

javascript表达式和运算符详解

2017/02/07 Javascript

AngularJS中重新加载当前路由页面的方法

2018/03/09 Javascript

详解Vue.directive 自定义指令

2019/03/27 Javascript

Layui 导航默认展开和菜单栏选中高亮设置的方法

2019/09/04 Javascript

mpvue实现左侧导航与右侧内容的联动

2019/10/21 Javascript

JS严格模式原理与用法实例分析

2020/04/27 Javascript

Vue使用Proxy代理后仍无法生效的解决

2020/11/13 Javascript

Python 网络编程起步(Socket发送消息)

2008/09/06 Python

使用python实现递归版汉诺塔示例(汉诺塔递归算法)

2014/04/08 Python

python中list列表的高级函数

2016/05/17 Python

python如何爬取网站数据并进行数据可视化

2019/07/08 Python

python打印直角三角形与等腰三角形实例代码

2019/10/20 Python

HTML5开发动态音频图的实现

2020/07/02 HTML / CSS

世界上最大的汽车共享网站：Zipcar

2017/01/14 全球购物

怀旧收藏品和经典纪念品：Betty’s Attic

2018/08/29 全球购物

负责人任命书范本

2014/06/04 职场文书

管理标语大全

2014/06/24 职场文书

赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿

2014/10/25 职场文书

城南旧事读书笔记

2015/06/29 职场文书

python实现监听键盘

2021/04/26 Python

python 爬取京东指定商品评论并进行情感分析

2021/05/27 Python

java中重写父类方法加不加@Override详解

2021/06/21 Java/Android

浅谈MySQL表空间回收的正确姿势

2021/10/05 MySQL

Python识别花卉种类鉴定网络热门植物并自动整理分类

2022/04/08 Python

解决Oracle数据库用户密码过期

2022/05/11 Oracle