编程 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传参数受特殊字符影响错误的解决方法

Oct 21 Javascript

Javascript中的方法链（Method Chaining）介绍

Mar 15 Javascript

jquery实现的美女拼图游戏实例

May 04 Javascript

js实现模糊匹配功能

Feb 15 Javascript

js实现数字递增特效【仿支付宝我的财富】

May 05 Javascript

JQuery和html+css实现带小圆点和左右按钮的轮播图实例

Jul 22 jQuery

基于IView中on-change属性的使用详解

Mar 15 Javascript

JS插件clipboard.js实现一键复制粘贴功能

Dec 04 Javascript

node中的cookie的具体使用

Sep 13 Javascript

js实现导航跟随效果

Nov 17 Javascript

js序列化和反序列化的使用讲解

Jan 19 Javascript

基于openlayers实现角度测量功能

Sep 28 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

PHP4实际应用经验篇(3)

2006/10/09 PHP

用Zend Encode编写开发PHP程序

2010/02/21 PHP

PHP中的session永不过期的解决思路及实现方法分享

2011/04/20 PHP

thinkPHP中配置的读取与C方法详解

2016/12/05 PHP

PHP中rename()函数的妙用讲解

2019/02/28 PHP

JS 树形递归实例代码

2010/05/18 Javascript

解析js中获得父窗口链接getParent方法以及各种打开窗口的方法

2013/06/19 Javascript

Javascript call和apply区别及使用方法

2013/11/14 Javascript

基于jQuery实现淡入淡出效果轮播图

2020/07/31 Javascript

JavaScript实现水平进度条拖拽效果

2017/01/18 Javascript

详解微信小程序Page中data数据操作和函数调用

2017/09/27 Javascript

Vue filter介绍及详细使用

2018/04/04 Javascript

如何在vue里面优雅的解决跨域(路由冲突问题)

2019/01/20 Javascript

JavaScript如何获取一个元素的样式信息

2019/07/29 Javascript

js中关于Blob对象的介绍与使用

2019/11/29 Javascript

在vue项目实现一个ctrl+f的搜索功能

2020/02/28 Javascript

vue学习笔记之Vue中css动画原理简单示例

2020/02/29 Javascript

[47:02]2018DOTA2亚洲邀请赛3月29日小组赛B组 VP VS paiN

2018/03/30 DOTA

用生成器来改写直接返回列表的函数方法

2017/05/25 Python

简单了解python模块概念

2018/01/11 Python

Python随机生成身份证号码及校验功能

2018/12/04 Python

详解CSS3 Media Queries中媒体属性的使用

2016/02/29 HTML / CSS

Booking.com美国：全球酒店预订网站

2017/04/18 全球购物

Boden美国官网：英伦原创时装品牌

2017/07/03 全球购物

英国领先的鞋类零售商和顶级品牌的官方零售商：Wynsors

2020/02/17 全球购物

opencv实现图像几何变换

2021/03/24 Python

大学生毕业自我鉴定范文

2013/09/19 职场文书

感恩母亲节活动方案

2014/03/04 职场文书

廉洁自律承诺书

2014/03/27 职场文书

《长相思》听课反思

2014/04/10 职场文书

小班幼儿评语大全

2014/04/30 职场文书

导游词欢迎词

2015/02/02 职场文书

2015年助残日活动总结

2015/03/27 职场文书

汤姆索亚历险记读书笔记

2015/06/29 职场文书

python编写函数注意事项总结

2021/03/29 Python

JavaScript前端面试组合函数

2022/06/21 Javascript