编程 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继承(上)——对象构建介绍

Nov 08 Javascript

jquery中子元素和后代元素的区别示例介绍

Apr 02 Javascript

jquery实现Li滚动时滚动条自动添加样式的方法

Aug 10 Javascript

学习javascript的闭包,原型,和匿名函数之旅

Oct 18 Javascript

基于Jquery插件实现跨域异步上传文件功能

Apr 26 Javascript

vue绑定设置属性的多种方式(5)

Aug 16 Javascript

JS实现颜色的10进制转化成rgba格式的方法

Sep 04 Javascript

详解Vue 中 extend 、component 、mixins 、extends 的区别

Dec 20 Javascript

webpack下实现动态引入文件方法

Feb 22 Javascript

在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

Sep 10 Javascript

基于Vue.js与WordPress Rest API构建单页应用详解

Sep 16 Javascript

详细分析vue表单数据的绑定

Jul 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代码（星期六，星期日总和）

2009/11/12 PHP

PHP实现的json类实例

2015/07/28 PHP

jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)

2013/03/22 Javascript

jQuery中is()方法用法实例

2015/01/06 Javascript

在JavaScript中处理时间之setMinutes()方法的使用

2015/06/11 Javascript

jquery合并表格中相同文本的相邻单元格

2015/07/17 Javascript

关于javascript中dataset的问题小结

2015/11/16 Javascript

学习JavaScript设计模式(链式调用)

2015/11/26 Javascript

BootStrap3学习笔记(一)之网格系统

2016/05/20 Javascript

详解JavaScript模块化开发

2016/12/04 Javascript

微信小程序同步请求授权的详解

2017/08/04 Javascript

vue脚手架搭建项目的兼容性配置详解

2018/07/17 Javascript

5分钟教你用nodeJS手写一个mock数据服务器的方法

2019/09/10 NodeJs

详解vue中$nextTick和$forceUpdate的用法

2019/12/11 Javascript

Vue两个版本的区别和使用方法(更深层次了解)

2020/02/16 Javascript

微信小程序12行js代码自己写个滑块功能(推荐)

2020/07/15 Javascript

js实现简单的倒计时

2021/01/28 Javascript

Python学习小技巧之列表项的推导式与过滤操作

2017/05/20 Python

ubuntu安装mysql pycharm sublime

2018/02/20 Python

python3 批量获取对应端口服务的实例

2019/07/25 Python

python try except返回异常的信息字符串代码实例

2019/08/15 Python

pytorch 准备、训练和测试自己的图片数据的方法

2020/01/10 Python

python基于event实现线程间通信控制

2020/01/13 Python

VS2019+python3.7+opencv4.1+tensorflow1.13配置详解

2020/04/16 Python

python能做哪些生活有趣的事情

2020/09/09 Python

纯CSS3发光分享按钮的实现教程

2014/09/06 HTML / CSS

财务会计专业推荐信

2013/11/30 职场文书

会议活动邀请函

2014/01/27 职场文书

社区道德讲堂实施方案

2014/03/21 职场文书

工程学毕业生自荐信

2014/06/14 职场文书

2015新年寄语大全

2014/12/08 职场文书

《孙子兵法》：欲成大事者，需读懂这些致胜策略

2019/08/23 职场文书

vue3如何优雅的实现移动端登录注册模块

2021/03/29 Vue.js

微信小程序用户授权最佳实践指南

2021/05/08 Javascript

Python实现智慧校园自动评教全新版

2021/06/18 Python

从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定

2022/04/07 日漫