jquery计算器（改良版）
代码：
<!Doctype html>
<html>
<meta charset="UTF-8">
<title>计算器</title>
<script src="jquery.min.js"></script>
<style>
button{ width:80px;
height:50px;
background-color:#969696;
color:white;
font-size:17px;
}
</style>
<body>
<table>
<tr>
<td colspan="4" style="text-align:center;">
<input type="text" value="0" style="font-size:17px;text-align:right;width:330px;height:50px;">
</td>
</tr>
<tr>
<td>
<button class="num">7</button>
</td>
<td>
<button class="num">8</button>
</td>
<td>
<button class="num">9</button>
</td>
<td>
<button class="operator">+</button>
</td>
</tr>
<tr>
<td>
<button class="num">4</button>
</td>
<td>
<button class="num">5</button>
</td>
<td>
<button class="num">6</button>
</td>
<td>
<button class="operator">-</button>
</td>
</tr>
<tr>
<td>
<button class="num">1</button>
</td>
<td>
<button class="num">2</button>
</td>
<td>
<button class="num">3</button>
</td>
<td>
<button class="operator">*</button>
</td>
</tr>
<tr>
<td>
<button class="num">0</button>
</td>
<td>
<button id="point">.</button>
</td>
<td>
<button id="eq">=</button>
</td>
<td>
<button class="operator">/</button>
</td>
</tr>
<tr>
<td>
<button id="clean">C</button>
</td>
</tr>
</table>
</body>
</html>
<script>
var status = 0;
var operat;
var firstnum;
var secondnum;
$("#clean").click(function(){
status = 0;
$("input").val(0);
firstnum = 0;
secondnum = 0;
})
$(".num").click(function(){
if(status == 0){
if($("input").val()==='0'){
$("input").val($(this).html());
}else if($("input").val() == '0.'){
$("input").val('0.' + $(this).html());
}else{
$("input").val($("input").val() + $(this).html());
}
firstnum = $("input").val();
}else{
if($("input").val() == '0.'){
$("input").val('0.' + $(this).html());
secondnum = $("input").val();
}else{
$("input").val($(this).html());
secondnum = $("input").val();
}
}
})
$(".operator").click(function(){
status = 1;
operat = $(this).html();
})
$("#point").click(function(){ $("input").val($("input").val() + $(this).html());
})
$("#eq").click(function(){ if(operat == '+'){
$("input").val((parseFloat(firstnum)*10+parseFloat(secondnum)*10)/10);
}else if(operat == '-'){
$("input").val((parseFloat(firstnum)*10-parseFloat(secondnum)*10)/10);
}else if(operat == '*'){
$("input").val((parseFloat(firstnum)*10*parseFloat(secondnum)*10)/100);
}else{
$("input").val((parseFloat(firstnum)*10/parseFloat(secondnum)*10)/100);
}
firstnum = $("input").val();
status = 0;
})
</script>
效果图：
jquery计算器（改良版）的更多相关文章
- 一句代码美化你的下框之jquery.selectMM修复版（jquery.selectMM v0.9 beta 20141217)
一句代码美化你的下框之jquery.selectMM修复版(jquery.selectMM v0.9 beta 20141217) 浏览效果: http://www.beyond630.com/jqu ...
- jQuery Mobile (整合版)
jQuery Mobile (整合版) 前言 为了方便大家看的方便,我这里将这几天的东西整合一下发出. 里面的例子请使用手机浏览器查看. 什么是jQuery Mobile? jquery mobile ...
- office全系列激活脚本-改良版
@ECHO OFFTITLE office 全版本系统激活@echo offfor /l %%a in (8,1,16) do (for /f "tokens=*" %%i in ...
- windows全系列激活脚本-改良版.cmd
@ECHO OFFTITLE Windows 全版本系统激活cscript //nologo %Systemroot%\system32\slmgr.vbs -skms 10.1.1.12ECHO 检 ...
- office全系列激活脚本-改良版.cmd
@ECHO OFFTITLE office 全版本系统激活@echo offfor /l %%a in (8,1,16) do (for /f "tokens=*" %%i in ...
- 锋利的jQuery（第二版）学习总结
通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结. 此书主要讲解了jQuery的常用操作,包括认识jQuery,j ...
- 优化改良版：数组，List,等集合需要加逗号或其它符合转成字符串
大家经常需要数组加逗号拼接成字符串的情况传统作法就是写for,foreach拼接, 现给出优化改良版数组,List,等集合需要加逗号或其它符合转成字符串方法: List<string> l ...
- Python实例---利用正则实现计算器[FTL版]
import re # 格式化 def format_str(str): str = str.replace('--', '+') str = str.replace('-+', '-') str = ...
- 闲来无事写一个jquery计算器，没有进行封装......
<!doctype html> <html> <head> <meta charset="utf-8" /> <title&g ...
随机推荐
- LeetCode-Algorithms 1. 两数之和
个人练习记录 给定一个整数数组和一个目标值,找出数组中和为目标值的两个数. 你可以假设每个输入只对应一种答案,且同样的元素不能被重复利用. 示例: 给定 nums = [2, 7, 11, 15], ...
- Java设计模式（14）——行为模式之不变模式（Immutable）
一.概述 概念 分类:弱不变模式(子类可变)和强不变模式(子类也是不可变) 应用场景 java.lang.String是一个经典的强不变类 二.分析 与享元模式的关系
- 记录：C#监视某个文件的打开记录
首先,先说下为什么要搞这个: 1.首先,我的电脑里有5万左右的目录或文件,用于存放歌曲,数量众多.2.我不一定会用哪种软件听歌(不过也就是几种而已).3.我想在听歌的时候,检测哪首首歌被打开,能获取到 ...
- P1199 三国游戏
题目描述 小涵很喜欢电脑游戏,这些天他正在玩一个叫做<三国>的游戏. 在游戏中,小涵和计算机各执一方,组建各自的军队进行对战.游戏中共有 N 位武将(N为偶数且不小于 4),任意两个武将之 ...
- 【转载】深入研究Windows内部原理绝对经典的资料
原文:深入研究Windows内部原理绝对经典的资料 另一篇资料:深入研究Windows内部原理系列 (为了方便大家下,我打包了放在一下地址: 1-6:http://download.csdn.net/ ...
- 1070: [SCOI2007]修车
1070: [SCOI2007]修车 https://www.lydsy.com/JudgeOnline/problem.php?id=1070 分析: 每个第几次修车等的时间都不一样,当前第i个人修 ...
- steam账号分享工具、迅游账号分享工具说明：
steam账号分享工具.迅游账号分享工具说明: 用于网吧经营者将自己购买的迅游加速器账号或者是steam平台账号免费分享给有需要的网吧顾客使用. steam账号分享工具.迅游账号分享工具由“服务端”和 ...
- Hadoop3.0新特性
1. Hadoop3.0简介 Hadoop 2.0是基于JDK 1.7开发的,而JDK 1.7在2015年4月已停止更新,这直接迫使Hadoop社区基于JDK1.8重新发布一个新的Hadoop版本,而 ...
- hive 优化
参考: http://www.csdn.net/article/2015-01-13/2823530 http://www.cnblogs.com/smartloli/p/4288493.html h ...
- jmeter开发自己的sampler插件
1. 新建maven工程 2.pom文件引入jmeter的核心包 <project xmlns="http://maven.apache.org/POM/4.0.0" xml ...