编程 Javascript

使用JavaScript 编写简单计算器

Posted in Javascript onNovember 24, 2014

本文方法超级简单，思路非常的值得推荐，小伙伴们参考下吧

<!DOCTYPE html> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

    <title>javascript 简单计算器</title> 

    <script> 

        //定义全局变量         var one="1"; 

        var two="2"; 

        var three="3"; 

        var four="4"; 

        var five="5"; 

        var six="6"; 

        var seven="7"; 

        var eight="8"; 

        var nine="9"; 

        var zero="0"; 

         var plus="+",minus="-",multiply="*",divide="/",decimal="."; 

         function enter(obj,string){ 

                obj.expr.value+=string; 

            } 

         function compute(obj){//单击等于"="按钮调用的函数;                  obj.expr.value=eval(obj.expr.value);//用JS得eval()方法计算name为expr中的公式              } 

  </script> 

</head> 

<body> 

    <form name="calc" id="calc" action="">  

        <table border="1">  

        <td colspan="4"><input type="text" name="expr" size="30" action="compute(this.form)" /></td>  

        <tr>  

        <td><input type="button" value=" 7 " onclick="enter(this.form,seven)" /></td>  

        <td><input type="button" value=" 8 " onclick="enter(this.form,eight)" /></td>  

        <td><input type="button" value=" 9 " onclick="enter(this.form,nine)" /></td>  

        <td><input type="button" value=" / " onclick="enter(this.form,divide)" /></td>  

        </tr>  

        <tr>  

        <td><input type="button" value=" 4 " onclick="enter(this.form,four)" /></td>  

        <td><input type="button" value=" 5 " onclick="enter(this.form,five)" /></td>  

        <td><input type="button" value=" 6 " onclick="enter(this.form,six)" /></td>  

        <td><input type="button" value=" * " onclick="enter(this.form,multiply)" /></td>  

        </tr>  

        <tr>  

        <td><input type="button" value=" 1 " onclick="enter(this.form,one)" /></td>  

        <td><input type="button" value=" 2 " onclick="enter(this.form,two)" /></td>  

        <td><input type="button" value=" 3 " onclick="enter(this.form,three)" /></td>  

        <td><input type="button" value=" - " onclick="enter(this.form,minus)" /></td>  

        </tr>  

        <tr>  

        <td colspan="2"><input type="button" value=" 0 " onclick="enter(this.form,zero)" /></td>  

        <td><input type="button" value=" . " onclick="enter(this.form,decimal)" /></td>  

        <td><input type="button" value=" + " onclick="enter(this.form,plus)" /></td>  

        </tr>  

        <tr>  

        <td colspan="2"><input type="button" value=" = " onclick="compute(this.form)" /></td>  

        <td colspan="2"><input type="button" value="AC" onclick="form.reset()"/></td>  

        </tr>  

        </table>  

</form>  

</body> 

</html>

是不是超级NB的代码，大神级的！

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

你可能不再需要JQUERY

Mar 09 Javascript

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

Jan 23 Javascript

基于JavaScript实现继承机制之原型链(prototype chaining)的详解

May 07 Javascript

js 获取radio按钮值的实例

Aug 17 Javascript

.NET微信公众号开发之创建自定义菜单

Jul 16 Javascript

JavaScript操作HTML元素和样式的方法详解

Oct 21 Javascript

jQuery简单动画变换效果实例分析

Jul 04 Javascript

浅谈对Angular中的生命周期钩子的理解

Jul 31 Javascript

JavaScript实现多重继承的方法分析

Jan 09 Javascript

高性能的javascript之加载顺序与执行原理篇

Jan 14 Javascript

微信小程序滑动选择器的实现代码

Aug 10 Javascript

javascript对HTML字符转义与反转义

Dec 13 Javascript

JS和JQ的event对象区别分析

Nov 24 #Javascript

JavaScript实现大数的运算

Nov 24 #Javascript

使表格的标题列可左右拉伸jquery插件封装

Nov 24 #Javascript

jQuery实现隔行背景色变色

Nov 24 #Javascript

jQuery实现统计复选框选中数量

Nov 24 #Javascript

基于jQuery实现文本框缩放以及上下移动功能

Nov 24 #Javascript

基于jQuery实现复选框的全选全不选反选功能

Nov 24 #Javascript

You might like

PHP求最大子序列和的算法实现

2011/06/24 PHP

PHP中一些可以替代正则表达式函数的字符串操作函数

2014/11/17 PHP

PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法

2016/07/01 PHP

PHP自定义函数格式化json数据示例

2016/09/14 PHP

Laravel5.1 框架Request请求操作常见用法实例分析

2020/01/04 PHP

Laravel框架中队列和工作(Queues、Jobs)操作实例详解

2020/04/06 PHP

jquery实现手机号码选号的方法

2015/07/31 Javascript

js判断手机浏览器操作系统和微信浏览器的方法

2016/04/30 Javascript

浅谈JavaScript对象与继承

2016/07/10 Javascript

Easyui的组合框的取值与赋值

2016/10/28 Javascript

JS 实现 ajax 异步浏览器兼容问题

2017/01/21 Javascript

简单谈谈Javascript函数中的arguments

2017/02/09 Javascript

JS+DIV实现的卷帘效果示例

2017/03/22 Javascript

浅谈js使用in和hasOwnProperty获取对象属性的区别

2017/04/27 Javascript

CheckBox多选取值及判断CheckBox选中是否为空的实例

2017/10/31 Javascript

JS函数节流和函数防抖问题分析

2017/12/18 Javascript

vue.js 获取select中的value实例

2018/03/01 Javascript

JS函数节流和防抖之间的区分和实现详解

2019/01/11 Javascript

基于vue如何发布一个npm包的方法步骤

2019/05/15 Javascript

JQuery常用选择器功能与用法实例分析

2019/12/23 jQuery

Vue事件处理原理及过程详解

2020/03/11 Javascript

python操作日期和时间的方法

2014/03/11 Python

python数据结构之二叉树的建立实例

2014/04/29 Python

python中列表元素连接方法join用法实例

2015/04/07 Python

python3操作mysql数据库的方法

2017/06/23 Python

Python 编码规范(Google Python Style Guide)

2018/05/05 Python

pytorch对可变长度序列的处理方法详解

2018/12/08 Python

澳大利亚床上用品、浴巾和家居用品购物网站：Bambury

2020/04/16 全球购物

程序员经常用到的UNIX命令

2015/04/13 面试题

2014全国两会心得体会

2014/03/17 职场文书

动物科学专业求职信

2014/07/27 职场文书

大学运动会加油稿200字（5篇）

2014/09/27 职场文书

预备党员思想汇报1000字

2014/10/07 职场文书

房屋所有权证明

2014/10/20 职场文书

2014年汽车销售工作总结

2014/12/01 职场文书

Django中celery的使用项目实例

2022/07/07 Python