jQuery 計算器是一種使用jQuery框架編寫的基于Web技術的計算器。它允許您使用網頁瀏覽器執行計算操作,具有數學計算和其他功能,如按鍵音效和輸入錯誤提示。下面是一個簡單的 jQuery 計算器實例:
<!DOCTYPE html> <html> <head> <title>jQuery Calculator</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { var input = ''; var result = ''; $('button').click(function() { var buttonValue = $(this).text(); if(buttonValue === 'C') { input = ''; result = ''; $("#result").html(result); } else if(buttonValue === '=') { result = eval(input); $("#result").html(result); } else { input += buttonValue; $("#result").html(input); } }); }); </script> </head> <body> <div id="calculator"> <div id="result"></div> <button>7</button> <button>8</button> <button>9</button> <button>/</button> <br /> <button>4</button> <button>5</button> <button>6</button> <button>*</button> <br /> <button>1</button> <button>2</button> <button>3</button> <button>-</button> <br /> <button>0</button> <button>+</button> <button id="equals">=</button> <button id="clear">C</button> </div> </body> </html>
這段代碼包括一個使用jQuery, HTML 和 CSS編寫的簡單計算器,有四個基本運算(添加,減去,乘以和除以)和清零操作的按鈕。它還設置了一個結果輸入框和按鈕起作用的JavaScript代碼。該代碼使用 eval() 函數評估用戶輸入的字符串。在點擊"="按鈕后,字符串被計算出來,并在輸入框中顯示。