今天我們來學(xué)習(xí)如何使用HTML和JavaScript來實(shí)現(xiàn)一個簡單的計算器。在這個過程中，我們將會使用pre標(biāo)簽來展示我們編寫的JavaScript代碼。首先，我們需要在HTML文件中創(chuàng)建一個表單，這個表單將會包含兩個輸入框和四個操作按鈕：

<form>
<input type="text" id="num1">
<input type="text" id="num2">
<br>
<button onclick="add()">+</button>
<button onclick="subtract()">-</button>
<button onclick="multiply()">*</button>
<button onclick="divide()">/</button>
</form>

接下來，我們需要在JavaScript文件中編寫四個函數(shù)，分別對應(yīng)加、減、乘、除操作。這些函數(shù)將會從表單中獲取兩個數(shù)值，進(jìn)行計算，并將結(jié)果輸出到一個新的輸入框中：

function add() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
document.getElementById("result").value = num1 + num2;
}
function subtract() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
document.getElementById("result").value = num1 - num2;
}
function multiply() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
document.getElementById("result").value = num1 * num2;
}
function divide() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
document.getElementById("result").value = num1 / num2;
}

最后，我們需要在HTML文件中創(chuàng)建一個新的輸入框來顯示計算結(jié)果：

<input type="text" id="result">

現(xiàn)在，我們已經(jīng)完成了一個簡單的計算器的編寫。你可以將以上代碼復(fù)制到你自己的HTML和JavaScript文件中，保存并運(yùn)行它，看看它是如何工作的。