编程 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和ajax的关系详细介绍

Nov 29 Javascript

JQuery页面的表格数据的增加与分页的实现

Dec 10 Javascript

快速解决jquery之get缓存问题的最简单方法介绍

Dec 19 Javascript

IE下通过a实现location.href 获取referer的值

Sep 04 Javascript

javascript中sort()的用法实例分析

Jan 30 Javascript

AngularJS入门教程之服务(Service)

Jul 27 Javascript

一个超简单的jQuery回调函数例子(分享)

Aug 08 Javascript

js实现返回顶部效果

Mar 10 Javascript

微信小程序转发功能的实现

Aug 04 Javascript

vue 中引用gojs绘制E-R图的方法示例

Aug 24 Javascript

angularJs select绑定的model取不到值的解决方法

Oct 08 Javascript

一篇文章告诉你如何实现Vue前端分页和后端分页

Feb 18 Vue.js

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 5.0对象模型深度探索之类的静态成员

2008/03/27 PHP

php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题

2014/06/19 PHP

php之static静态属性与静态方法实例分析

2015/07/30 PHP

JS类库Bindows1.3中的内存释放方式分析

2007/03/08 Javascript

javascript操作文本框readOnly

2007/05/15 Javascript

CSS常用网站布局实例

2008/04/03 Javascript

javascript使用定时函数实现跳转到某个页面

2013/12/25 Javascript

js父窗口关闭时子窗口随之关闭完美解决方案

2014/04/29 Javascript

jQuery+HTML5实现图片上传前预览效果

2015/08/20 Javascript

JS实现拖动滚动条评分的效果代码分享

2016/09/29 Javascript

简单模拟node.js中require的加载机制

2016/10/27 Javascript

AngularJS 应用身份认证的技巧总结

2016/11/07 Javascript

angular-ui-sortable实现可拖拽排序列表

2016/12/28 Javascript

AngularJS $http模块POST请求实现

2017/04/08 Javascript

使用MUI框架模拟手机端的下拉刷新和上拉加载功能

2017/09/04 Javascript

ionic3+Angular4实现接口请求及本地json文件读取示例

2017/10/11 Javascript

Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

2018/01/27 Javascript

微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

2019/01/23 Javascript

JavaScript字符和ASCII实现互相转换

2020/06/03 Javascript

使用webpack和rollup打包组件库的方法

2021/02/25 Javascript

[56:56]VG vs LGD 2019国际邀请赛淘汰赛胜者组 BO3 第一场 8.22

2019/09/05 DOTA

python中的代码编码格式转换问题

2015/06/10 Python

Python第三方Window模块文件的几种安装方法

2018/11/22 Python

Django中使用 Closure Table 储存无限分级数据

2019/06/06 Python

Python超越函数积分运算以及绘图实现代码

2019/11/20 Python

基于TensorBoard中graph模块图结构分析

2020/02/15 Python

Python之关于类变量的两种赋值区别详解

2020/03/12 Python

python多进程使用函数封装实例

2020/05/02 Python

给ubuntu18安装python3.7的详细教程

2020/06/08 Python

Python自动巡检H3C交换机实现过程解析

2020/08/14 Python

深入浅析CSS3中的Flex布局整理

2020/04/27 HTML / CSS

请用用Java代码写一个堆栈

2012/01/26 面试题

入党积极分子思想汇报

2014/01/02 职场文书

项目投资意向书

2014/04/01 职场文书

团日活动总结模板

2014/06/25 职场文书

预备党员入党感想

2015/08/10 职场文书