编程 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 17 Javascript

jquery动态加载图片数据练习代码

Aug 04 Javascript

jQuery之尺寸调整组件的深入解析

Jun 19 Javascript

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

May 05 Javascript

js实现点击链接后延迟3秒再跳转的方法

Jun 05 Javascript

使用jquery提交form表单并自定义action的方法

May 25 Javascript

JavaScript DOM节点操作实例小结(新建,删除HTML元素)

Jan 19 Javascript

微信小程序实现拖拽 image 触摸事件监听的实例

Aug 17 Javascript

微信小程序循环及嵌套循环的使用总结

Sep 26 Javascript

使用jQuery如何写一个含验证码的登录界面

May 13 jQuery

js中的面向对象之对象常见创建方法详解

Dec 16 Javascript

Nuxt的路由动画效果案例

Nov 06 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 数据库树的遍历方法

2009/02/06 PHP

基于PHP一些十分严重的缺陷详解

2013/06/03 PHP

php将图片保存入mysql数据库失败的解决方法

2014/12/27 PHP

PHP弹出对话框技巧详细解读

2015/09/26 PHP

php邮箱地址正则表达式验证

2015/11/13 PHP

浅析Yii2 gridview实现批量删除教程

2016/04/22 PHP

阿里云PHP SMS短信服务验证码发送方法

2017/07/11 PHP

IE FF OPERA都可用的弹出层实现代码

2009/09/29 Javascript

javascript淡入淡出效果的实现思路

2012/03/31 Javascript

Flash图片上传组件 swfupload使用指南

2015/03/14 Javascript

如何使用jQuery技术开发ios风格的页面导航菜单

2015/07/29 Javascript

jquery判断密码强度的验证代码

2020/04/22 Javascript

基于HTML+CSS+JS实现增加删除修改tab导航特效代码

2016/08/05 Javascript

vue.js将unix时间戳转换为自定义时间格式

2017/01/03 Javascript

详解Layer弹出层样式

2017/08/21 Javascript

小程序实现展开/收起的效果示例

2018/09/22 Javascript

webpack之引入图片的实现及问题

2018/10/08 Javascript

解决layui表格内文本超出隐藏的问题

2019/09/12 Javascript

Vue-cli3项目引入Typescript的实现方法

2019/10/18 Javascript

浅谈vue生命周期共有几个阶段？分别是什么？

2020/08/07 Javascript

python常见数制转换实例分析

2015/05/09 Python

python遍历目录的方法小结

2016/04/28 Python

Python中Django发送带图片和附件的邮件

2017/03/31 Python

一个基于flask的web应用诞生记录用户账户登录状态（6）

2017/04/11 Python

解决Python中list里的中文输出到html模板里的问题

2018/12/17 Python

python-web根据元素属性进行定位的方法

2019/12/13 Python

Python使用PyQt5/PySide2编写一个极简的音乐播放器功能

2020/02/07 Python

python如何代码集体右移

2020/07/20 Python

HTML5不支持标签和新增标签详解

2016/06/27 HTML / CSS

菲律宾票务网站：StubHub菲律宾

2018/04/21 全球购物

生产车间主管岗位职责

2013/12/28 职场文书

付款委托书范本

2014/10/05 职场文书

初中生散播谣言检讨书

2014/11/17 职场文书

团组织推优材料

2014/12/29 职场文书

《爬天都峰》教学反思

2016/02/23 职场文书

微信小程序实现轮播图指示器

2022/06/25 Javascript