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

Flash+XML滚动新闻代码无图片附源码下载

Nov 22 Javascript

Javascript实现真实字符串剩余字数提示的实例代码

Oct 22 Javascript

jquery基础教程之deferred对象使用方法

Jan 22 Javascript

jQuery Real Person验证码插件防止表单自动提交

Nov 06 Javascript

jQuery Validate初步体验(二)

Dec 12 Javascript

JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法

Aug 19 Javascript

jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】

Sep 21 Javascript

微信小程序 slider的简单实例

Apr 19 Javascript

jquery实现回车键触发事件(实例讲解)

Nov 21 jQuery

vue响应式系统之observe、watcher、dep的源码解析

Apr 09 Javascript

详解Vscode中使用Eslint终极配置大全

Nov 08 Javascript

微信小程序服务器日期格式化问题

Jan 07 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实现唤起微信支付功能

2019/02/18 PHP

JS获取dom 对象 ajax操作读写cookie函数

2009/11/18 Javascript

JavaScript 空位补零实现代码

2010/02/26 Javascript

JQuery.closest(),parent(),parents()寻找父结点

2012/02/17 Javascript

7个有用的jQuery代码片段分享

2015/05/19 Javascript

JavaScript实现页面跳转的几种常用方式

2015/11/28 Javascript

详解如何使用 vue-cli 开发多页应用

2017/12/16 Javascript

vue bus全局事件中心简单Demo详解

2018/02/26 Javascript

vue this.reload 方法配置

2018/09/12 Javascript

React 路由懒加载的几种实现方案

2018/10/23 Javascript

JavaScript ES6 Class类实现原理详解

2020/05/08 Javascript

[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾

2016/06/29 DOTA

python中常用的各种数据库操作模块和连接实例

2014/05/29 Python

Python画图学习入门教程

2016/07/01 Python

Python利用Beautiful Soup模块创建对象详解

2017/03/27 Python

python实现多线程网页下载器

2018/04/15 Python

Python 实现引用其他.py文件中的类和类的方法

2018/04/29 Python

对Python中创建进程的两种方式以及进程池详解

2019/01/14 Python

详解Python循环作用域与闭包

2019/03/21 Python

基于python-opencv3的图像显示和保存操作

2019/06/27 Python

python 解决flask 图片在线浏览或者直接下载的问题

2020/01/09 Python

keras中模型训练class_weight,sample_weight区别说明

2020/05/23 Python

python框架flask入门之环境搭建及开启调试

2020/06/07 Python

python安装后的目录在哪里

2020/06/21 Python

python3.7 openpyxl 在excel单元格中写入数据实例

2020/09/01 Python

马来西亚太阳镜、眼镜和隐形眼镜网上商店：Focus Point

2018/12/13 全球购物

普天C++笔试题

2016/03/20 面试题

小区消防演习方案

2014/02/21 职场文书

抽奖活动主持词

2014/03/31 职场文书

新颖的化妆品活动方案

2014/08/21 职场文书

大学生见习期满自我鉴定

2014/09/13 职场文书

学习优秀共产党员先进事迹思想报告

2014/09/17 职场文书

开展党的群众路线教育实践活动剖析材料

2014/10/13 职场文书

公司表扬信格式

2015/05/04 职场文书

运动会观后感

2015/06/09 职场文书

Redis实现主从复制方式(Master&Slave)

2022/06/21 Redis