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

20行代码实现的一个CSS覆盖率测试脚本

Jul 07 Javascript

使用JS取得焦点(focus)元素代码

Mar 22 Javascript

随鼠标移动的时钟非常漂亮遗憾的是只支持IE

Aug 12 Javascript

JavaScript中的方法调用详细介绍

Dec 30 Javascript

浅谈javascript面向对象程序设计

Jan 21 Javascript

JavaScript实现的简单拖拽效果

Jun 01 Javascript

简介JavaScript中的unshift()方法的使用

Jun 09 Javascript

jquery.cookie实现的客户端购物车操作实例

Dec 24 Javascript

javascript运算符——逻辑运算符全面解析

Jun 27 Javascript

Vue实现表格批量审核功能实例代码

May 28 Javascript

Vue组件间通信 Vuex的用法解析

Aug 05 Javascript

小程序实现长按保存图片的方法

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

让CodeIgniter数据库缓存自动过期的处理的方法

2014/06/12 PHP

2个比较经典的PHP加密解密函数分享

2014/07/01 PHP

php中unserialize返回false的解决方法

2014/09/22 PHP

thinkphp3.x中display方法及show方法的用法实例

2016/05/19 PHP

js实现杯子倒水问题自动求解程序

2013/03/25 Javascript

javaScript实现浮点数转十六进制字符

2013/10/29 Javascript

JS获取键盘上任意按键的值(实例代码)

2013/11/12 Javascript

jquery根据锚点offset值实现动画切换

2014/09/11 Javascript

JS实现向表格中动态添加行的方法

2015/03/30 Javascript

浅谈javascript的Array.prototype.slice.call

2015/08/31 Javascript

Select下拉框模糊查询功能实现代码

2016/07/22 Javascript

AngularJS 中的事件详解

2016/07/28 Javascript

将html页面保存成图片,图片写入pdf的实现方法(推荐)

2016/09/17 Javascript

Bootstrap Table表格一直加载(load)不了数据的快速解决方法

2016/09/17 Javascript

使用vue-cli（vue脚手架）快速搭建项目的方法

2018/05/21 Javascript

加快Vue项目的开发速度的方法

2018/12/12 Javascript

JavaScript高阶教程之“==”隐藏下的类型转换

2019/04/11 Javascript

如何根据业务封装自己的功能组件

2019/04/19 Javascript

详解微信小程序开发之formId使用（模板消息）

2019/08/27 Javascript

通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

2020/08/24 Javascript

js 函数性能比较方法

2020/08/24 Javascript

python logging日志模块的详解

2017/10/29 Python

Python比较2个时间大小的实现方法

2018/04/10 Python

python库lxml在linux和WIN系统下的安装

2018/06/24 Python

pandas DataFrame 行列索引及值的获取的方法

2019/07/02 Python

Python新手学习函数默认参数设置

2020/06/03 Python

纯CSS3实现鼠标滑过按钮动画第二节

2020/07/16 HTML / CSS

宝拉珍选英国官网：Paula’s Choice英国

2019/05/29 全球购物

校园文化建设方案

2014/02/03 职场文书

剪枝的学问教学反思

2014/02/07 职场文书

个人委托书

2014/07/31 职场文书

学习党的群众路线实践活动思想汇报

2014/09/12 职场文书

电子银行业务授权委托书

2014/10/10 职场文书

三方股东合作协议书

2014/10/28 职场文书

详解Laravel框架的依赖注入功能

2021/05/27 PHP

Html5同时支持多端sdk的小技巧

2021/11/17 HTML / CSS