JQuery計算器是一個基于JQuery框架開發的計算器,它致力于提供快速簡單的計算方式。代碼演示如下:
$(document).ready(function(){ // 初始化 var result = 0; var operator = ''; var clearNext = false; // 操作數的點擊事件 $('.number').click(function(){ if(clearNext){ $('#output').val(''); clearNext = false; } $('#output').val($('#output').val() + $(this).val()); }); // 操作符的點擊事件 $('.operator').click(function(){ if(operator != ''){ result = calculate(Number(result), Number($('#output').val()), operator); $('#output').val(result); clearNext = true; } operator = $(this).val(); result = $('#output').val(); clearNext = true; }); // 等號的點擊事件 $('#equals').click(function(){ result = calculate(Number(result), Number($('#output').val()), operator); $('#output').val(result); operator = ''; clearNext = true; }); // 清除符的點擊事件 $('#clear').click(function(){ result = 0; operator = ''; $('#output').val(''); }); // 計算函數 function calculate(x, y, op){ if(op == '+'){ return x + y; } if(op == '-'){ return x - y; } if(op == '*'){ return x * y; } if(op == '/'){ return x / y; } } });
以上代碼主要包含四個點擊事件,分別是數字、操作符、等號和清除符的點擊事件。通過點擊這些按鈕來操作計算器。其中計算函數calculate()是用來完成加、減、乘、除四種運算的,并通過在HTML中設置class來統一這些按鈕。