jQuery計算器可以幫助您快速方便地完成簡單的數(shù)學計算。此計算器是基于jQuery編寫的。我們將向您展示如何使用jQuery計算器代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery計算器</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
var result = $("#result");
$("#add").click(function(){
var num1 = parseInt($("#num1").val());
var num2 = parseInt($("#num2").val());
result.html(num1 + num2);
});
$("#subtract").click(function(){
var num1 = parseInt($("#num1").val());
var num2 = parseInt($("#num2").val());
result.html(num1 - num2);
});
$("#multiply").click(function(){
var num1 = parseInt($("#num1").val());
var num2 = parseInt($("#num2").val());
result.html(num1 * num2);
});
$("#divide").click(function(){
var num1 = parseInt($("#num1").val());
var num2 = parseInt($("#num2").val());
result.html(num1 / num2);
});
});
</script>
</head>
<body>
<h1>jQuery計算器</h1>
<input type="number" id="num1" placeholder="數(shù)字1">
<input type="number" id="num2" placeholder="數(shù)字2">
<br><br>
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">*</button>
<button id="divide">/</button>
<br><br>
<p>結果:</p>
<p id="result"></p>
</body>
</html>在jQuery計算器代碼中，我們定義了四個按鈕：加號，減號，乘號和除號，每個按鈕都使用click()函數(shù)來執(zhí)行操作。每個按鈕點擊都會讀取HTML中輸入框中的兩個數(shù)字，將它們的值存儲在變量num1和num2中，然后根據(jù)按鈕的操作，將結果向HTML中的結果區(qū)域添加。這樣，我們就可以使用jQuery輕松地創(chuàng)建一個功能強大的計算器。