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程序设计有所帮助。

Javascript 相关文章推荐
JQuery CSS样式控制 学习笔记
Jul 23 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
vue项目前端知识点整理【收藏】
May 13 Javascript
javascript实现切割轮播效果
Nov 28 Javascript
WebPack工具运行原理及入门教程
Dec 02 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
关于PHP5 Session生命周期介绍
2010/03/02 PHP
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
js 数组操作代码集锦
2009/04/28 Javascript
Javascript 汉字字节判断
2009/08/01 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
收集的10个免费的jQuery相册
2011/02/26 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
JS实现弹性漂浮效果的广告代码
2015/09/02 Javascript
理解 Node.js 事件驱动机制的原理
2017/08/16 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
Python中Class类用法实例分析
2015/11/12 Python
Python实现的矩阵类实例
2017/08/22 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
工程管理造价应届生求职信
2013/11/13 职场文书
超市业务员岗位职责
2013/12/05 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
节能减排倡议书
2014/04/15 职场文书
大四优秀党员个人民主评议
2014/09/19 职场文书
教师文明餐桌光盘行动倡议书
2015/04/28 职场文书
新闻发布会新闻稿
2015/07/17 职场文书
运动会3000米加油稿
2015/07/21 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
使用springMVC所需要的pom配置
2021/09/15 Java/Android
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技