编程 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基本对象

Jan 11 Javascript

jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

Jun 14 Javascript

JavaScript中的常见问题解决方法(乱码,IE缓存,代理)

Nov 28 Javascript

七夕情人节丘比特射箭小游戏

Aug 20 Javascript

AngularJs解决跨域问题案例详解(简单方法)

May 19 Javascript

JS本地刷新返回上一页代码

Jul 25 Javascript

javascript数组去重方法分析

Dec 15 Javascript

jQuery实现动态添加节点与遍历节点功能示例

Nov 09 jQuery

jQuery 实现倒计时天,时,分,秒功能

Jul 31 jQuery

mpvue全局引入sass文件的方法步骤

Mar 06 Javascript

微信小程序实现吸顶特效

Jan 08 Javascript

详解JavaScript中精度失准问题及解决方法

Feb 04 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代码

2008/04/09 PHP

PHP file_exists问题杂谈

2012/05/07 PHP

PHP验证码函数代码(简单实用)

2013/09/29 PHP

MacOS 安装 PHP的图片裁剪扩展Tclip

2015/03/25 PHP

高质量PHP代码的50个实用技巧必备（下）

2016/01/22 PHP

popdiv

2006/07/14 Javascript

JavaScript 事件冒泡简介及应用

2010/01/11 Javascript

读jQuery之一(对象的组成)

2011/06/11 Javascript

超级简单的jquery操作表格方法

2014/12/15 Javascript

JQuery简单实现锚点链接的平滑滚动

2015/05/03 Javascript

《JavaScript高级编程》学习笔记之object和array引用类型

2015/11/01 Javascript

深入浅析JavaScript中的arguments对象(强力推荐)

2016/06/03 Javascript

Jquery Easyui分割按钮组件SplitButton使用详解（17）

2016/12/18 Javascript

jQuery 全选全不选事件绑定的实现代码

2017/01/23 Javascript

js中作用域的实例解析

2017/03/16 Javascript

xmlplus组件设计系列之路由（ViewStack)（7）

2017/05/02 Javascript

通过jquery toggleClass()属性制作文章段落更改背景颜色

2018/05/21 jQuery

详解Vue单元测试case写法

2018/05/24 Javascript

vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）

2018/11/05 Javascript

JS使用Dijkstra算法求解最短路径

2019/01/17 Javascript

Vue 中可以定义组件模版的几种方式

2019/08/06 Javascript

微信小程序绑定手机号获取验证码功能

2019/10/22 Javascript

js实现时分秒倒计时

2019/12/03 Javascript

Python和C/C++交互的几种方法总结

2017/05/11 Python

Python结合ImageMagick实现多张图片合并为一个pdf文件的方法

2018/04/24 Python

一看就懂得Python的math模块

2018/10/21 Python

Python输出\u编码将其转换成中文的实例

2018/12/15 Python

Python如何设置指定窗口为前台活动窗口

2020/08/12 Python

应届专科生个人的自我评价

2014/01/05 职场文书

经典婚礼主持词

2014/03/13 职场文书

经典促销广告词大全

2014/03/19 职场文书

会计核算科岗位职责

2014/03/19 职场文书

jQuery实现影院选座订座效果

2021/04/13 jQuery

用python批量解压带密码的压缩包

2021/05/31 Python

关于JavaScript回调函数的深入理解

2021/06/27 Javascript

Python使用mitmproxy工具监控手机下载手机小视频

2022/04/18 Python