HTML是一種用于創建網頁的標記語言。它可以用來實現各種功能,其中之一就是實現計算器。下面我們來看一下如何利用HTML代碼實現一個簡單的計算器。
<!DOCTYPE html> <html> <head> <title>計算器</title> </head> <body> <form> <label for="num1">請輸入第一個數字:</label> <input type="number" id="num1" name="num1"><br> <label for="num2">請輸入第二個數字:</label> <input type="number" id="num2" name="num2"><br> <label for="operator">請選擇運算符:</label> <select id="operator" name="operator"> <option value="add">+</option> <option value="subtract">-</option> <option value="multiply">*</option> <option value="divide">/</option> </select><br> <button type="button" onclick="calculate()">計算</button> </form> <p id="result"></p> <script> function calculate() { var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value; var operator = document.getElementById("operator").value; var result; if (operator == "add") { result = parseFloat(num1) + parseFloat(num2); } else if (operator == "subtract") { result = parseFloat(num1) - parseFloat(num2); } else if (operator == "multiply") { result = parseFloat(num1) * parseFloat(num2); } else if (operator == "divide") { result = parseFloat(num1) / parseFloat(num2); } document.getElementById("result").innerHTML = "計算結果:" + result; } </script> </body> </html>
在以上代碼中,我們使用了HTML表單元素來獲取用戶輸入的數字和運算符。然后通過JavaScript的條件語句來判斷應該執行哪種運算,并輸出結果。最后,我們在p標簽中顯示了最終結果。
如果您想使用此計算器,可以將以上代碼拷貝到您的HTML文件中,并保存為一個HTML文件。運行該文件后,您就可以使用該計算器了。