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

jQuery Validation插件remote验证方式的Bug解决

Jul 01 Javascript

js验证整数加保留小数点的简单实例

Dec 02 Javascript

jquery读写cookie操作实例分析

Dec 24 Javascript

js如何准确获取当前页面url网址信息

Sep 13 Javascript

Node.js如何自动审核团队的代码

Jul 20 Javascript

利用HBuilder打包前端开发webapp为apk的方法

Nov 13 Javascript

分析javascript原型及原型链

Mar 18 Javascript

vue2.0 中使用transition实现动画效果使用心得

Aug 13 Javascript

Django模板继承 extend标签实例代码详解

May 16 Javascript

Angular8基础应用之表单及其验证

Aug 11 Javascript

原生js+canvas实现下雪效果

Aug 02 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

require(),include(),require_once()和include_once()的异同

2007/01/02 PHP

PHP 中dirname(_file_)讲解

2007/03/18 PHP

PHP 用数组降低程序的时间复杂度

2009/12/04 PHP

PHP二维数组的去重问题解析

2011/07/17 PHP

php 删除目录下N分钟前创建的所有文件的实现代码

2013/08/10 PHP

JoshChen_php新手进阶高手不可或缺的规范介绍

2013/08/16 PHP

PHP使用pdo连接access数据库并循环显示数据操作示例

2018/06/05 PHP

yii2的restful api路由实例详解

2019/05/14 PHP

window.open()弹出居中的窗口

2007/02/01 Javascript

用js调用迅雷下载代码的二种方法

2013/04/15 Javascript

浅谈JavaScript事件的属性列表

2015/03/01 Javascript

JS实现带鼠标效果的头像及文章列表代码

2015/09/27 Javascript

javascript输出AscII码扩展集中的字符方法

2016/12/26 Javascript

js获取元素的偏移量offset简单方法(必看)

2017/07/05 Javascript

对Vue.js之事件的绑定(v-on: 或者 @ )详解

2018/09/15 Javascript

vue 项目接口管理的实现

2019/01/17 Javascript

微信小程序实现带参数的分享功能(两种方法)

2019/05/17 Javascript

vuex + keep-alive实现tab标签页面缓存功能

2019/10/17 Javascript

基于原生js实现判断元素是否有指定class名

2020/07/11 Javascript

JavaScript Image对象实现原理实例解析

2020/08/26 Javascript

[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

python实现发送邮件及附件功能

2021/03/02 Python

Python爬虫之模拟知乎登录的方法教程

2017/05/25 Python

Python实现合并同一个文件夹下所有txt文件的方法示例

2018/04/26 Python

python实现音乐下载的统计

2018/06/20 Python

Python使用matplotlib实现基础绘图功能示例

2018/07/03 Python

django框架模板语言使用方法详解

2019/07/18 Python

python2.7的flask框架之引用js&css等静态文件的实现方法

2019/08/22 Python

Python中的list与tuple集合区别解析

2019/10/12 Python

python Qt5实现窗体跟踪鼠标移动

2019/12/13 Python

实现Python与STM32通信方式

2019/12/18 Python

Python confluent kafka客户端配置kerberos认证流程详解

2020/10/12 Python

PyQt QMainWindow的使用示例

2021/03/24 Python

基层党组织建设整改方案

2014/09/16 职场文书

vue中三级导航的菜单权限控制

2021/03/31 Vue.js

VUE之图片Base64编码使用ElementUI组件上传

2022/04/09 Vue.js