使用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的代码,大神级的!

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 职场文书