一个简单的jQuery计算器实现了连续计算功能
一个简单的jQuery计算器，只是实现了一个连续计算的功能
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf8"/>
<title>Javascript计算器</title>
</head>
<body>
<table>
<tr>
<tdcolspan="4"><inputid="show"value="0"/></td>
</tr>
<tr>
<td><buttononclick="number(this)"value="7">7</button></td>
<td><buttononclick="number(this)"value="8">8</button></td>
<td><buttononclick="number(this)"value="9">9</button></td>
<td><buttononclick="calsym(this)"value="+">+</button></td>
</tr>
<tr>
<td><buttononclick="number(this)"value="4">4</button></td>
<td><buttononclick="number(this)"value="5">5</button></td>
<td><buttononclick="number(this)"value="6">6</button></td>
<td><buttononclick="calsym(this)"value="-">-</button></td>
</tr>
<tr>
<td><buttononclick="number(this)"value="1">1</button></td>
<td><buttononclick="number(this)"value="2">2</button></td>
<td><buttononclick="number(this)"value="3">3</button></td>
<td><buttononclick="calsym(this)"value="*">*</button></td>
</tr>
<tr>
<td><buttononclick="number(this)"value="0">0</button></td>
<td><buttononclick="calsym(this)"value="=">=</button></td>
<td><buttononclick="clearCal()"value="c">c</button></td>
<td><buttononclick="calsym(this)"value="/">/</button></td>
</tr>
</table>
</body>
<scripttype="text/javascript"src="jquery-1.9.1.js"></script>
<scripttype="text/javascript"src="jquery-1.9.1.min.js"></script>
<scripttype="text/javascript">
varnum0=null;
varnum1=null;
varsymble=null;
varlastclick=null;
varsymarr=newArray();//符号集合
symarr[0]='+';
symarr[1]='/';
symarr[2]='*';
symarr[3]='-';
symarr[4]='=';
functionnumber(n){
varnumnow=$('#show');
var_exist=$.inArray(lastclick,symarr);//判断上次点击是否为符号
if(numnow.val()==0||_exist!=-1){//若显示框为0或者上次点击为符号，则重新记录显示框
numnow.val($(n).val());
}else{
numnow.val(parseInt(numnow.val())*10+parseInt($(n).val()));
}
lastclick=$(n).val();//更新上次点击
}
functioncalsym(cs){//符号点击事件响应
varnumnow=$('#show');
var_exist=$.inArray(lastclick,symarr);
if(num0==null&&symble==null){//初始状态
num0=numnow.val();
symble=$(cs).val();
}elseif(num0!=null&&num1==null&&_exist!=-1){//连续点操作符的处理，及第一次点击操作符处理
symble=$(cs).val();
}else{//正常计算状态
num1=numnow.val();
varresult=calculate(symble,num0,num1);
symble=$(cs).val();//上行及本行：先计算之前的运算符及结果，再更新运算符为本次点击
num0=result;
numnow.val(result);
num1=null;
}
lastclick=$(cs).val();//更新上次点击
}
functionclearCal(){//清空函数
$('#show').val('0');
num0=null;
num1=null;
symble=null;
lastclick=null;
}
functioncalculate(sym,m,n){//计算并返回结果
varres=null;
m=parseInt(m);
n=parseInt(n);
switch(sym){
case'+':
res=m+n;
break;
case'-':
res=m-n;
break;
case'*':
res=m*n;
break;
case'/':
if(n==0){
alert("false");
break;
}
res=m/n;
break;
default:
break;
}
returnres;
}
</script>
</html>