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

JS获取整个页面文档的实现代码

Dec 15 Javascript

jquery 提交值不为空的元素示例代码

May 10 Javascript

了解了这些才能开始发挥jQuery的威力

Oct 10 Javascript

setInterval计时器不准的问题解决方法

May 08 Javascript

Vue.js每天必学之构造器与生命周期

Sep 05 Javascript

js实现PC端根据IP定位当前城市地理位置

Feb 22 Javascript

利用pm2部署多个node.js项目的配置教程

Oct 22 Javascript

React Form组件的实现封装杂谈

May 07 Javascript

webpack4 升级迁移的实现

Sep 12 Javascript

详解关于webpack多入口热加载很慢的原因

Apr 24 Javascript

Vue CLI3中使用compass normalize的方法

May 30 Javascript

微信小程序点餐系统开发常见问题汇总

Aug 06 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

BBS(php & mysql)完整版(六)

2006/10/09 PHP

PHP 飞信好友免费短信API接口开源版

2010/07/22 PHP

实例介绍PHP的Reflection反射机制

2014/08/05 PHP

php生成随机颜色的方法

2014/11/13 PHP

php调用KyotoTycoon简单实例

2015/04/02 PHP

解决form中action属性后面?传递参数获取不到的问题

2017/07/21 PHP

Sample script that deletes a SQL Server database

2007/06/16 Javascript

Javascript 修改String 对象增加去除空格功能(示例代码)

2013/11/30 Javascript

js日期对象兼容性的处理方法

2014/01/28 Javascript

使用cluster 将自己的Node服务器扩展为多线程服务器

2014/11/10 Javascript

jquery搜索框效果实现方法

2015/01/16 Javascript

jQuery获得子元素个数的方法

2015/04/14 Javascript

jquery实现标签上移、下移、置顶

2015/04/26 Javascript

微信企业号开发之微信考勤百度地图定位

2015/09/11 Javascript

jquery插件jquery.confirm弹出确认消息

2015/12/22 Javascript

Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法

2016/12/31 Javascript

深入学习 JavaScript中的函数调用

2017/03/23 Javascript

微信小程序生成海报分享朋友圈的实现方法

2019/05/06 Javascript

Vant Weapp组件踩坑:picker的初始赋值解决

2020/11/12 Javascript

[02:05]2014DOTA2西雅图邀请赛专访啸天mik夫妻档

2014/07/08 DOTA

Python中不同进制互相转换（二进制、八进制、十进制和十六进制）

2015/04/05 Python

python中利用队列asyncio.Queue进行通讯详解

2017/09/10 Python

Python实现的摇骰子猜大小功能小游戏示例

2017/12/18 Python

Django处理文件上传File Uploads的实例

2018/05/28 Python

CentOS下Python3的安装及创建虚拟环境的方法

2018/11/28 Python

Python中使用遍历在列表中添加字典遇到的坑

2019/02/27 Python

Python3.x+迅雷x 自动下载高分电影的实现方法

2020/01/12 Python

python3注册全局热键的实现

2020/03/22 Python

python3中sys.argv的实例用法

2020/04/24 Python

运动鞋、足球鞋和慕尼黑球衣：Sport Münzinger

2019/08/26 全球购物

创业计划实施的7大步骤

2014/02/05 职场文书

公安四风对照检查材料思想汇报

2014/10/11 职场文书

广告业务员岗位职责

2015/02/13 职场文书

施工现场安全管理制度

2015/08/05 职场文书

AJAX学习笔记

2021/05/18 Javascript

使用nginx配置访问wgcloud的方法

2021/06/26 Servers