JQuery写一个很简单的计算器

JQuery实现计算器

最近在写东西的时候遇到要用JQuery实现计算器，发现还蛮有意思的，这里就发下代码希望在思路上对大家有所帮助。
下面是代码：

计算器

+


-


*


/


c

1

2

3

4

5

6

7

8

9

.

0

=

	<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var number=$(".numberline>p");
		var oPe=$(".operator>span");
		var a=0,b=0,c=0,d=0,e=0,f=0,res=0;
		for(let i=0;i<9;i++){
			number[i].onclick=function(){
				let j=i+1+""
				if(a==0){
					a=j;
				}else{
					a=a+j;
				}
				$(".listfive>h3").html(a);
			}
		}
		number[9].onclick=function(){
				a=a+".";
				$(".listfive>h3").html(a);
		
		}
		number[10].onclick=function(){
				a=a+"0";
				$(".listfive>h3").html(a);
		}
		oPe[0].onclick=function(){
			b=parseFloat(a);
			a=0;
		}
		oPe[1].onclick=function(){
			c=parseFloat(a);
			a=0;
		}
		oPe[2].onclick=function(){
			d=parseFloat(a);
			a=0;
		}
		oPe[3].onclick=function(){
			e=parseFloat(a);
			a=0;
		}
		oPe[4].onclick=function(){
			f=parseFloat(a);
			a=0;
		}
		number[11].onclick=function(){
			if(b!=0){
				res=b+parseFloat(a);
				a=0;
				b=0;
			}else if(c!=0){
				res=c-parseFloat(a);
				a=0;
				c=0;
			}else if(d!=0){
				res=d*parseFloat(a);
				a=0;
				d=0;
			}else if(e!=0){
				res=(e/parseFloat(a)).toFixed(4);
				a=0;
				e=0;
			}else if(f!=0){
				res=parseInt(f/parseFloat(a));
				a=0;
				f=0;
			}
			$(".listfive>h3").html(res);
		}
	</script>
</body>

注：因为是用JQuery写所以需要导入JQUERY库；只有几个简单的功能，希望能帮到大家。