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

js 代码优化点滴记录

Feb 19 Javascript

页面使用密码保护代码

Apr 10 Javascript

javascript阻止浏览器后退事件防止误操作清空表单

Nov 22 Javascript

JS简单实现点击复制链接的方法

Aug 03 Javascript

原生js实现可拖动的登录框效果

Jan 21 Javascript

完美解决浏览器跨域的几种方法(汇总)

May 08 Javascript

微信禁止下拉查看URL的处理方法

Sep 28 Javascript

Vue组件之自定义事件的功能图解

Feb 01 Javascript

详解Koa中更方便简单发送响应的方式

Jul 20 Javascript

axios+Vue实现上传文件显示进度功能

Apr 14 Javascript

vue指令v-html使用过滤器filters功能实例

Oct 25 Javascript

Vue 中 template 有且只能一个 root的原因解析(源码分析)

Apr 11 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将字符串全部转换成大写或者小写的方法

2015/03/17 PHP

PHP实现远程下载文件到本地

2015/05/17 PHP

取选中的radio的值

2010/01/11 Javascript

JS动态添加与删除select中的Option对象(示例代码)

2013/12/25 Javascript

使用jQuery仿苹果官网焦点图特效

2014/12/23 Javascript

Flow之一个新的Javascript静态类型检查器

2015/12/21 Javascript

Javascript中的迭代、归并方法详解

2016/06/14 Javascript

下一代Bootstrap的5个特点超酷炫！

2016/06/17 Javascript

基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)

2016/08/10 Javascript

详解Node.js中的事件机制

2016/09/22 Javascript

JSON与String互转的实现方法(Javascript)

2016/09/27 Javascript

node.js 核心http模块,起一个服务器,返回一个页面的实例

2017/09/11 Javascript

JavaScript实现二叉树的先序、中序及后序遍历方法详解

2017/10/26 Javascript

详解用Node.js写一个简单的命令行工具

2018/03/01 Javascript

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

2018/07/19 Javascript

vue 基于element-ui 分页组件封装的实例代码

2018/12/10 Javascript

JsonProperty 的使用方法详解

2019/10/11 Javascript

js实现随机圆与矩形功能

2020/10/29 Javascript

[00:15]TI9观赛名额抽取

2019/07/10 DOTA

python实现简单加密解密机制

2019/03/19 Python

Django ORM 自定义 char 类型字段解析

2019/08/09 Python

Python将列表中的元素转化为数字并排序的示例

2019/12/25 Python

python获取响应某个字段值的3种实现方法

2020/04/30 Python

美国咖啡批发网站：Coffee.org

2017/06/29 全球购物

美国最大的购物网站：Amazon.com（亚马逊美国）

2020/05/23 全球购物

匡威俄罗斯官网：Converse俄罗斯

2020/05/09 全球购物

项目副经理岗位职责

2013/12/30 职场文书

教师党员承诺书

2014/03/25 职场文书

2014年新生军训方案

2014/05/01 职场文书

给校长的建议书300字

2014/05/16 职场文书

争做文明公民倡议书

2014/08/29 职场文书

2014年银行个人工作总结

2014/12/05 职场文书

开会迟到检讨书范文

2015/05/06 职场文书

《风娃娃》教学反思

2016/02/18 职场文书

MySQL索引失效的典型案例

2021/06/05 MySQL

MySQL详细讲解变量variables的用法

2022/06/21 MySQL