编程 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统计用户选中的复选框的个数

Jun 06 Javascript

用javascript将数据导入Excel示例代码

Sep 10 Javascript

JavaScript中的比较操作符>、=、

Dec 31 Javascript

JavaScript将数组转换成CSV格式的方法

Mar 19 Javascript

Jquery和JS获取ul中li标签的实现方法

Jun 02 Javascript

jQuery Select下拉框操作小结(推荐)

Jul 22 Javascript

详解如何较好的使用js

Dec 16 Javascript

利用Angular+Angular-Ui实现分页（代码加简单）

Mar 10 Javascript

JavaScript生成图形验证码

Aug 24 Javascript

详解vue-cli构建项目反向代理配置

Sep 07 Javascript

Vue2 配置 Axios api 接口调用文件的方法

Nov 13 Javascript

微信小程序拍照和摄像功能实现方法示例

Feb 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

第十一节--重载

2006/11/16 PHP

php防止CC攻击代码 php防止网页频繁刷新

2015/12/21 PHP

CI配置多数据库访问的方法

2016/03/28 PHP

PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】

2016/12/24 PHP

js传值判断

2006/10/26 Javascript

js可突破windows弹退效果代码

2008/08/09 Javascript

Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)

2010/07/11 Javascript

window.opener用法和用途实例介绍

2013/08/19 Javascript

通过action传过来的值在option获取进行验证的方法

2013/11/14 Javascript

JS实现一个列表中包含上移下移删除等功能

2014/09/24 Javascript

jQuery实现获取元素索引值index的方法

2016/09/18 Javascript

获取select的value、text值的简单示例（jquery与javascript）

2016/12/07 Javascript

vue-cli入门之项目结构分析

2017/04/20 Javascript

基于JavaScript实现抽奖系统

2018/01/16 Javascript

Vue脚手架的简单使用实例

2018/07/10 Javascript

详解小程序输入框闪烁及重影BUG解决方案

2018/08/31 Javascript

react中Suspense的使用详解

2019/09/01 Javascript

python将.ppm格式图片转换成.jpg格式文件的方法

2018/10/27 Python

Window10下python3.7 安装与卸载教程图解

2019/09/30 Python

根据tensor的名字获取变量的值方式

2020/01/04 Python

python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例

2020/03/06 Python

python实现按键精灵找色点击功能教程,使用pywin32和Pillow库

2020/06/04 Python

python3通过subprocess模块调用脚本并和脚本交互的操作

2020/12/05 Python

python 使用openpyxl读取excel数据

2021/02/18 Python

纯CSS3实现圆角效果（含IE兼容解决方法）

2014/05/07 HTML / CSS

css3 盒模型以及box-sizing属性全面了解

2016/09/20 HTML / CSS

加拿大高尔夫超市：Golf Town

2018/01/12 全球购物

应届硕士毕业生自荐信

2014/05/26 职场文书

跑操口号

2014/06/12 职场文书

2014幼儿园教师师德师风演讲稿

2014/09/10 职场文书

九九重阳节标语

2014/10/07 职场文书

大学生自我推荐信范文

2015/03/24 职场文书

领导干部失职检讨书

2015/05/05 职场文书

孩子满月酒答谢词

2015/09/30 职场文书

小学二年级班主任工作经验交流材料

2015/11/02 职场文书

创业者如何撰写出一份打动投资人的商业计划书？

2019/07/02 职场文书