jQuery 计算器，连续计算

来源：互联网发布：微信小程序域名备案编辑：程序博客网时间：2024/04/30 00:29
一个简单的jQuery计算器，只是实现了一个连续计算的功能
<!DOCTYPE html><html><head><meta charset="utf8"/><title>Jquery计算器</title></head><body><table><tr><td colspan="4"><input id="show" value="0"/></td></tr><tr><td><button class="num" value="7">7</button></td><td><button class="num" value="8">8</button></td><td><button class="num" value="9">9</button></td><td><button class="sym" value="+">+</button></td></tr><tr><td><button class="num" value="4">4</button></td><td><button class="num" value="5">5</button></td><td><button class="num" value="6">6</button></td><td><button class="sym" value="-">-</button></td></tr><tr><td><button class="num" value="1">1</button></td><td><button class="num" value="2">2</button></td><td><button class="num" value="3">3</button></td><td><button class="sym" value="*">*</button></td></tr> <tr> <td><button class="num" value="0">0</button></td><td><button class="sym" value="=">=</button></td><td><button class="clr" value="c">c</button></td><td><button class="sym" value="/">/</button></td></tr></table></body><script src="http://static.blog.csdn.net/scripts/jquery.js" type="text/javascript"></script><script type="text/javascript">var num0 = null;var num1 = null;var symble = null;var lastclick = null;var symarr = new Array();//符号集合symarr[0] = '+';symarr[1] = '/';symarr[2] = '*';symarr[3] = '-';symarr[4] = '=';$('.num').click(function (){var numnow = $('#show');var _exist=$.inArray(lastclick,symarr); //判断上次点击是否为符号if (numnow.val() == 0 || _exist != -1) {//若显示框为0 或者上次点击为符号，则重新记录显示框numnow.val($(this).val());}else{numnow.val(parseInt(numnow.val()) * 10 +parseInt($(this).val()));}lastclick = $(this).val();   // 更新上次点击});$('.sym').click(function (){var numnow = $('#show');var _exist=$.inArray(lastclick,symarr);  if (num0 == null && symble == null) {//初始状态num0 = numnow.val();symble = $(this).val();}else if(num0 != null && _exist !=-1){ // 连续点操作符的处理，及第一次点击操作符处理if ($(this).val() != '=') {symble = $(this).val();}else{var result = calculate(symble,num0,num1);num0 = result;numnow.val(result);}}else{//正常计算状态num1 = numnow.val();var result = calculate(symble,num0,num1);if ($(this).val() != '=') {symble = $(this).val();//上行及本行：先计算之前的运算符及结果，再更新运算符为本次点击}num0 = result;numnow.val(result);}lastclick = $(this).val();// 更新上次点击});$('.clr').click(function (){$('#show').val('0');num0 = null;num1 = null;symble = null;lastclick = null;});function calculate(sym,m,n){  //计算并返回结果var res = 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:res = m;break;}return res;}</script></html>
0 0