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库;只有几个简单的功能,希望能帮到大家。