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

如何用javascript判断录入的日期是否合法

Jan 08 Javascript

JS宝典学习笔记(下)

Jan 10 Javascript

使用IE6看老赵的博客 jQuery初探

Jan 17 Javascript

一款Jquery 分页插件的改造方法（服务器端分页）

Jul 11 Javascript

Javascript面向对象编程（二）构造函数的继承

Aug 28 Javascript

文本框只能输入数字的实现方法(兼容IE火狐)

Jun 25 Javascript

Vue实现双向数据绑定

May 03 Javascript

JS实现图片预览的两种方式

Jun 27 Javascript

在Vue.js中使用Mixins的方法

Sep 12 Javascript

基于axios封装fetch方法及调用实例

Feb 05 Javascript

Vue实现点击后文字变色切换方法

Feb 11 Javascript

jQuery事件委托代码实践详解

Jun 21 jQuery

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

UTF-8正则表达式如何匹配汉字

2015/08/03 PHP

解析arp病毒背后利用的Javascript技术附解密方法

2007/08/06 Javascript

离开页面时检测表单元素是否被修改,提示保存的js代码

2010/08/25 Javascript

基于jQuery的Tab选项框效果代码(插件)

2011/03/01 Javascript

基于jquery的动态创建表格的插件

2011/04/05 Javascript

jquery聚焦文本框与扩展文本框聚焦方法

2012/10/12 Javascript

什么是json和jsonp,jQuery json实例详详细说明

2012/12/11 Javascript

谈谈JavaScript中的函数与闭包

2013/04/14 Javascript

js window.print实现打印特定控件或内容

2013/09/16 Javascript

javascript初学者常用技巧

2014/09/02 Javascript

jQuery.Highcharts.js绘制柱状图饼状图曲线图

2015/03/14 Javascript

jquery.gridrotator实现响应式图片展示画廊效果

2015/06/23 Javascript

jQuery实现表单步骤流程导航代码分享

2015/08/28 Javascript

Highcharts学习之数据列

2016/08/03 Javascript

JS按条件 serialize() 对应标签的使用方法

2017/07/24 Javascript

详解Webpack+Babel+React开发环境的搭建的方法步骤

2018/01/09 Javascript

Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

2020/03/11 Javascript

Python实现的HTTP并发测试完整示例

2020/04/23 Python

PyQt5笔记之弹出窗口大全

2019/06/20 Python

Python socket实现的文件下载器功能示例

2019/11/15 Python

Python标准库itertools的使用方法

2020/01/17 Python

python opencv 实现读取、显示、写入图像的方法

2020/06/08 Python

pyCharm 实现关闭代码检查

2020/06/09 Python

联想英国官网：Lenovo英国

2019/07/17 全球购物

写一个用矩形法求定积分的通用函数

2012/11/08 面试题

营销与策划专业毕业生求职信

2013/11/01 职场文书

超市开业庆典策划方案

2014/05/14 职场文书

五一劳动节演讲稿

2014/09/12 职场文书

施工安全协议书范本

2014/09/26 职场文书

车辆委托书范本

2014/10/05 职场文书

党的群众路线教育实践活动制度建设计划

2014/11/03 职场文书

2014年中班下学期工作总结

2014/12/11 职场文书

专家推荐信怎么写

2015/03/25 职场文书

员工工作失职检讨书范文！

2019/07/03 职场文书

Linux7.6二进制安装Mysql8.0.27详细操作步骤

2021/11/27 MySQL

使用Ajax实现无刷新上传文件

2022/04/12 Javascript