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

JavaScript高级程序设计 XML、Ajax 学习笔记

Sep 10 Javascript

JavaScript之引用类型介绍

Aug 10 Javascript

javascript读写XML实现广告轮换(兼容IE、FF)

Aug 09 Javascript

table insertRow、deleteRow定义和用法总结

May 14 Javascript

利用js获取下拉框中所选的值

Dec 01 Javascript

vue图片加载与显示默认图片实例代码

Mar 16 Javascript

Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )

Mar 31 Javascript

Angular2使用Angular CLI快速搭建工程（一）

May 21 Javascript

jQuery实现火车票买票城市选择切换功能

Sep 15 jQuery

Web开发使用Angular实现用户密码强度判别的方法

Sep 27 Javascript

使用jquery的cookie实现登录页记住用户名和密码的方法

Mar 13 jQuery

vue中路由跳转不计入history的操作

Sep 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

论坛头像随机变换代码

2006/10/09 PHP

一棵php的类树(支持无限分类)

2006/10/09 PHP

PHP配置心得包含MYSQL5乱码解决

2006/11/20 PHP

URL Rewrite的设置方法

2007/01/02 PHP

php自动给文章加关键词链接的函数代码

2012/11/29 PHP

php var_export与var_dump 输出的不同

2013/08/09 PHP

php递归使用示例(php递归函数)

2014/02/14 PHP

PHP大批量插入数据库的3种方法和速度对比

2014/07/08 PHP

php获取指定日期之间的各个周和月的起止时间

2014/11/24 PHP

PHP 5.6.11中CURL模块问题的解决方法

2016/08/08 PHP

PHP7多线程搭建教程

2017/04/21 PHP

使用PHPExcel导出Excel表

2018/09/08 PHP

PHP错误提示It is not safe to rely on the system……的解决方法

2019/03/25 PHP

laravel 多图上传及图片的存储例子

2019/10/14 PHP

Yii使用EasyWechat实现小程序获取用户的openID的方法

2020/04/29 PHP

JS+CSS 制作的超级简单的下拉菜单附图

2013/11/22 Javascript

javascript中定义私有方法说明(private method)

2014/01/27 Javascript

nodejs中的fiber（纤程）库详解

2015/03/24 NodeJs

JavaScript事件委托实例分析

2015/05/26 Javascript

vue-devtools的安装和使用步骤详解

2019/10/17 Javascript

Python聚类算法之基本K均值实例详解

2015/11/20 Python

在Python的Flask框架中构建Web表单的教程

2016/06/04 Python

django如何连接已存在数据的数据库

2018/08/14 Python

Python中asyncio与aiohttp入门教程

2018/10/16 Python

Python 使用Numpy对矩阵进行转置的方法

2019/01/28 Python

django数据库自动重连的方法实例

2019/07/21 Python

在django admin中添加自定义视图的例子

2019/07/26 Python

python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件

2020/02/26 Python

css3中检验表单的required,focus,valid和invalid样式

2014/02/21 HTML / CSS

80年代复古T恤：TruffleShuffle

2018/07/02 全球购物

啤酒销售实习自我鉴定

2013/09/24 职场文书

致全体运动员广播稿

2014/02/01 职场文书

《美丽的丹顶鹤》教学反思

2014/04/22 职场文书

招股说明书范本

2014/05/06 职场文书

员工薪酬激励方案

2014/06/13 职场文书

mysql如何配置白名单访问

2021/06/30 MySQL