编程 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实现的类似Google的Div拖动效果代码

Aug 09 Javascript

jQuery中wrapAll()方法用法实例

Jan 16 Javascript

JavaScript插件化开发教程（三）

Jan 27 Javascript

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

Apr 15 Javascript

JS模拟简易滚动条效果代码(附demo源码)

Apr 05 Javascript

超实用的JavaScript代码段附使用方法

May 22 Javascript

javascript insertAfter()定义与用法示例

Jul 25 Javascript

BootStrap下拉菜单和滚动监听插件实现代码

Sep 26 Javascript

JS多物体实现缓冲运动效果示例

Dec 20 Javascript

使用原生js编写一个简单的框选功能方法

May 13 Javascript

JS获取表格视图所选行号的ids过程解析

Feb 21 Javascript

vue实现单一筛选、删除筛选条件

Oct 26 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模板引擎SMARTY

2006/10/09 PHP

最省空间的计数器

2006/10/09 PHP

PHP5与MySQL数据库操作常用代码收集

2010/03/21 PHP

两种php给图片加水印的实现代码

2020/04/18 PHP

40个新鲜出炉的jQuery 插件和免费教程[上]

2012/07/24 Javascript

取消选中单选框radio的三种方式示例介绍

2013/12/23 Javascript

jquery改变tr背景色的示例代码

2013/12/28 Javascript

再谈Jquery Ajax方法传递到action(补充)

2014/05/12 Javascript

使用jquery/js获取iframe父子级、同级获取元素的方法

2016/08/05 Javascript

js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法

2016/11/09 Javascript

JavaScript实现垂直向上无缝滚动特效代码

2016/11/23 Javascript

angularJS+requireJS实现controller及directive的按需加载示例

2017/02/20 Javascript

js弹出窗口简单实现代码

2017/03/22 Javascript

vue+node+webpack环境搭建教程

2017/11/05 Javascript

JS排序算法之冒泡排序，选择排序与插入排序实例分析

2017/12/13 Javascript

vue.js整合mint-ui里的轮播图实例代码

2017/12/27 Javascript

详解mpvue小程序中怎么引入iconfont字体图标

2018/10/01 Javascript

详解JavaScript对数组操作（添加/删除/截取/排序/倒序）

2019/04/28 Javascript

Vue 中使用 typescript的方法详解

2020/02/17 Javascript

使用Django的模版来配合字符串翻译工作

2015/07/27 Python

实例探究Python以并发方式编写高性能端口扫描器的方法

2016/06/14 Python

Python基于scapy实现修改IP发送请求的方法示例

2017/07/08 Python

Python操作rabbitMQ的示例代码

2019/03/19 Python

python实现扫描局域网指定网段ip的方法

2019/04/16 Python

使用python实现简单五子棋游戏

2019/06/18 Python

Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)

2020/07/03 Python

Sisley法国希思黎美国官方网站：享誉全球的奢华植物美容品牌

2020/06/27 全球购物

＂火柴棍式＂程序员面试题

2014/03/16 面试题

财务管理职业生涯规划书

2014/02/26 职场文书

2014年城管工作总结

2014/11/20 职场文书

教学督导岗位职责

2015/04/10 职场文书

写给纪委的违纪检讨书

2015/05/05 职场文书

绿里奇迹观后感

2015/06/15 职场文书

2015年环境监察工作总结

2015/07/23 职场文书

配置nginx 重定向到系统维护页面

2021/06/08 Servers

Python 多线程处理任务实例

2021/11/07 Python