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

ExtJs事件机制基本代码模型和流程解析

Oct 24 Javascript

javascript基本包装类型介绍

Apr 10 Javascript

JQuery中attr方法和removeAttr方法用法实例

May 18 Javascript

jQuery插件pagewalkthrough实现引导页效果

Jul 05 Javascript

jquery实现Ctrl+Enter提交表单的方法

Jul 21 Javascript

JS实现3D图片旋转展示效果代码

Sep 22 Javascript

浅析Javascript中bind()方法的使用与实现

May 30 Javascript

jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)

Aug 23 Javascript

jquery与ajax获取特殊字符实例详解

Jan 08 Javascript

超简单的Vue.js环境搭建教程

Mar 17 Javascript

discuz表情的JS提取方法分析

Mar 22 Javascript

vue2项目使用sass的示例代码

Jun 28 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