今天我們來學習如何使用HTML語言制作一個簡單的計算器。首先，我們要創建一個HTML文檔，并在文檔中添加一個頭部部分。
<!DOCTYPE html> <html> <head> <title>簡單計算器</title> </head>接下來，我們需要添加一個主體部分，并在頁面上添加輸入框和按鈕。
<body> <h1>簡單計算器</h1> <input type="text" id="firstValue" placeholder="請輸入第一個數"> <input type="text" id="secondValue" placeholder="請輸入第二個數"> <button onclick="addValues()">加</button> <button onclick="subtractValues()">減</button> <button onclick="multiplyValues()">乘</button> <button onclick="divideValues()">除</button> <p id="result"></p> </body>在輸入框和按鈕之間添加了一個p標簽，并給它一個id屬性，以便我們可以在JavaScript中引用它。我們也為輸入框和按鈕添加了一些樣式，使它們看起來更好。 現在，我們需要編寫一些JavaScript代碼來實現計算器功能。我們將在腳本標記中編寫以下代碼：
<script>
function addValues(){
var firstValue = document.getElementById("firstValue").value;
var secondValue = document.getElementById("secondValue").value;
var result = parseFloat(firstValue) + parseFloat(secondValue);
document.getElementById("result").innerHTML = result;
}
function subtractValues(){
var firstValue = document.getElementById("firstValue").value;
var secondValue = document.getElementById("secondValue").value;
var result = parseFloat(firstValue) - parseFloat(secondValue);
document.getElementById("result").innerHTML = result;
}
function multiplyValues(){
var firstValue = document.getElementById("firstValue").value;
var secondValue = document.getElementById("secondValue").value;
var result = parseFloat(firstValue) * parseFloat(secondValue);
document.getElementById("result").innerHTML = result;
}
function divideValues(){
var firstValue = document.getElementById("firstValue").value;
var secondValue = document.getElementById("secondValue").value;
var result = parseFloat(firstValue) / parseFloat(secondValue);
document.getElementById("result").innerHTML = result;
}
</script>這些函數分別實現加法，減法，乘法和除法。每個函數都從輸入框中獲取值，將它們轉換為浮點數，執行所需的計算，然后將結果輸出到頁面。請注意，我們使用了parseFloat函數來確保輸入的值被視為數字，而不是字符串。
通過結合HTML和JavaScript，我們可以輕松地創建簡單的計算器，這對于初學者來說是一個很好的練習。