编程 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 Selector选择器小结

May 06 Javascript

关于onScroll事件在IE6下每次滚动触发三次bug说明

Sep 21 Javascript

鼠标滚轮控制网页横向移动实现思路

Mar 22 Javascript

javascript精确统计网站访问量实例代码

Dec 19 Javascript

js+css绘制颜色动态变化的圈中圈效果

Jan 27 Javascript

基于jQuery实现多标签页切换的效果(web前端开发)

Jul 24 Javascript

js对象浅拷贝和深拷贝详解

Sep 05 Javascript

js中json处理总结之JSON.parse

Oct 14 Javascript

JS判断是否为JSON对象及是否存在某字段的方法(推荐)

Nov 29 Javascript

详解基于 Nuxt 的 Vue.js 服务端渲染实践

Oct 24 Javascript

微信小程序自定义导航栏（模板化）

Nov 15 Javascript

ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】

Dec 21 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

[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]

2020/03/17 星际争霸

『PHP』PHP截断函数mb_substr()使用介绍

2013/04/22 PHP

php共享内存段示例分享

2014/01/20 PHP

php 输出json及显示json中的中文汉字详解及实例

2016/11/09 PHP

php实现产品加入购物车功能（1）

2020/07/23 PHP

使用js操作cookie的一点小收获分享

2013/09/03 Javascript

Get中文乱码IE浏览器Get中文乱码解决方案

2013/12/26 Javascript

js加减乘除丢失精度问题解决方法

2014/05/16 Javascript

jQuery获取样式中颜色值的方法

2015/01/29 Javascript

JS基于面向对象实现的拖拽功能示例

2016/12/20 Javascript

bootstrap手风琴折叠示例代码分享

2017/05/22 Javascript

JavaScript输出所选择起始与结束日期的方法

2017/07/12 Javascript

node.js基于express使用websocket的方法

2017/11/09 Javascript

bootstrap-Treeview实现级联勾选

2017/11/23 Javascript

vue+node实现图片上传及预览的示例方法

2018/11/22 Javascript

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

2019/03/08 Javascript

javascript自定义右键菜单插件

2019/12/16 Javascript

React+EggJs实现断点续传的示例代码

2020/07/07 Javascript

Nodejs + sequelize 实现增删改查操作

2020/11/07 NodeJs

搞笑的程序猿：看看你是哪种Python程序员

2015/06/12 Python

实例讲解Python的函数闭包使用中应注意的问题

2016/06/20 Python

结合Python的SimpleHTTPServer源码来解析socket通信

2016/06/27 Python

python append、extend与insert的区别

2016/10/13 Python

django创建自定义模板处理器的实例详解

2017/08/14 Python

Python设计模式之抽象工厂模式原理与用法详解

2019/01/15 Python

检测python爬虫时是否代理ip伪装成功的方法

2019/07/12 Python

python已协程方式处理任务实现过程

2019/12/27 Python

Pytorch中的VGG实现修改最后一层FC

2020/01/15 Python

Python异常原理及异常捕捉实现过程解析

2020/03/25 Python

使用python修改文件并立即写回到原始位置操作(inplace读写)

2020/06/28 Python

django使用多个数据库的方法实例

2021/03/04 Python

shell程序中如何注释

2012/01/28 面试题

给校长的建议书300字

2014/05/16 职场文书

2015年党小组工作总结

2015/05/26 职场文书

关于远足的感想

2015/08/10 职场文书

python函数指定默认值的实例讲解

2021/03/29 Python