JQuery是一個非常流行的JavaScript庫,用于簡化Web開發(fā)的操作。通過使用JQuery,您可以輕松地完成很多任務(wù),例如表單驗證、動態(tài)網(wǎng)頁效果等。而今天我們要介紹的是利用JQuery編寫計算器的方法。
$(document).ready(function(){ var num1 = ''; var num2 = ''; var operator = ''; $('button').on('click', function(){ var text = $(this).text(); if(text >= '0' && text <= '9'){ if(operator === ''){ num1 += text; $('#display').val(num1); }else{ num2 += text; $('#display').val(num2); } }else{ if(operator === ''){ operator = text; }else{ var result = ''; switch(operator){ case '+': result = parseInt(num1) + parseInt(num2); break; case '-': result = parseInt(num1) - parseInt(num2); break; case '*': result = parseInt(num1) * parseInt(num2); break; case '/': result = parseInt(num1) / parseInt(num2); break; } num1 = result; num2 = ''; operator = text; $('#display').val(result); } } }); });
考慮實(shí)現(xiàn)一個計算器,我們首先需要定義兩個數(shù)字和一個操作符,用變量num1、num2、operator存儲。在button點(diǎn)擊事件中,判斷用戶輸入的內(nèi)容是數(shù)字還是操作符,然后根據(jù)不同的情況進(jìn)行處理。
如果是數(shù)字,首先判斷當(dāng)前是否已經(jīng)輸入了操作符,如果是第一個數(shù)字,累計num1的值,否則累計num2的值,并將值顯示在屏幕上。如果是操作符,判斷當(dāng)前是否已經(jīng)有了一個操作符,如果有了,則對num1和num2進(jìn)行計算,并把結(jié)果賦值給num1,同時保存新的操作符,最后將結(jié)果顯示在屏幕上。
在這個代碼中,我們還用到了JQuery的on、val和text方法,分別用于按鈕點(diǎn)擊事件、獲取文本框的值和獲取按鈕上的文本內(nèi)容。這就是用JQuery編寫計算器的方法,希望對您有所幫助。