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

window.onresize 多次触发的解决方法

Nov 08 Javascript

一个js控制的导航菜单实例代码

Dec 03 Javascript

JavaScript实现汉字转换为拼音的库文件示例

Dec 22 Javascript

Javascript Function.prototype.bind详细分析

Dec 29 Javascript

解决VUEX刷新的时候出现数据消失

Jul 03 Javascript

jQuery扩展_动力节点Java学院整理

Jul 05 jQuery

vue实现某元素吸顶或固定位置显示（监听滚动事件）

Dec 13 Javascript

使用js在layui中实现上传图片压缩

Jun 18 Javascript

扫微信小程序码实现网站登陆实现解析

Aug 20 Javascript

layui 图片上传+表单提交+ Spring MVC的实例

Sep 21 Javascript

highcharts.js数据绑定方式代码实例

Nov 13 Javascript

Vue的props父传子的示例代码

May 20 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采集时被封ip的解决方法

2010/08/29 PHP

drupal 代码实现URL重写

2011/05/04 PHP

php FLEA中二叉树数组的遍历输出

2012/09/26 PHP

解析PHP缓存函数的使用说明

2013/05/10 PHP

PHP代码审核的详细介绍

2013/06/13 PHP

php中引用符号(&)的使用详解

2013/11/13 PHP

浅谈discuz密码加密的方式

2014/05/22 PHP

PHP根据session与cookie用户登录状态操作类的代码

2016/05/13 PHP

常用PHP数组排序函数归纳

2016/08/08 PHP

yii2 上传图片的示例代码

2018/11/02 PHP

根据经纬度计算地球上两点之间的距离js实现代码

2013/03/05 Javascript

Jquery getJSON方法详细分析

2013/12/26 Javascript

node.js中的fs.readdirSync方法使用说明

2014/12/17 Javascript

利用forever和pm2部署node.js项目过程

2017/05/10 Javascript

vue-baidu-map 进入页面自动定位的解决方案(推荐)

2018/04/28 Javascript

js实现图片区域可点击大小随意改变(适用移动端)代码实例

2019/09/11 Javascript

jQuery实现简单弹幕效果

2019/11/28 jQuery

[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27

2020/12/01 DOTA

python中常用的九种预处理方法分享

2016/09/11 Python

python 函数传参之传值还是传引用的分析

2017/09/07 Python

Python实现小数转化为百分数的格式化输出方法示例

2017/09/20 Python

Python3学习笔记之列表方法示例详解

2017/10/06 Python

Python3使用正则表达式爬取内涵段子示例

2018/04/22 Python

详解Python基础random模块随机数的生成

2019/03/23 Python

python获取地震信息微信实时推送

2019/06/18 Python

澳大利亚最便宜的网上药房：Chemist Warehouse

2020/01/30 全球购物

广州御银科技股份有限公司试卷（C++）

2016/11/04 面试题

学前教育专业毕业生自荐信

2013/10/03 职场文书

竞选演讲稿范文

2013/12/28 职场文书

教师党员自我评议不足范文

2014/10/19 职场文书

幼儿园母亲节活动总结

2015/02/10 职场文书

2016秋季运动会前导词

2015/11/25 职场文书

怎样做好公众演讲能力？

2019/08/28 职场文书

CSS3实现三角形不断放大效果

2021/04/13 HTML / CSS

用JS实现飞机大战小游戏

2021/06/09 Javascript