HTML和JavaScript是網頁制作中常用的兩個語言。利用它們，我們可以輕松地開發一個簡單的計算器，幫助我們進行簡單數學運算。
<!DOCTYPE html>
<html>
<head>
<title>JS Calculator</title>
<script>
function compute(){
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
if(operator == "+"){
result = num1 + num2;
}else if(operator == "-"){
result = num1 - num2;
}else if(operator == "*"){
result = num1 * num2;
}else if(operator == "/"){
result = num1 / num2;
}
document.getElementById("result").value = result;
}
</script>
</head>
<body>
<h1>Simple Calculator</h1>
<input type="number" id="num1" /><br/>
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select><br/>
<input type="number" id="num2" /><br/>
<button onclick="compute()">=</button><br/>
<input type="number" id="result" />
</body>
</html>以上代碼使用了一個compute()函數，它位于<script>標記中。在該函數中，我們從輸入框中獲取兩個數字及用戶選擇的操作符。接下來，我們根據操作符進行相應的計算，并將結果存儲在變量result中。最后，我們將結果顯示在輸出框中。
在HTML部分，我們將兩個數字輸入框和一個下拉框用標簽<input>和<select>創建，并通過ID屬性將其與JavaScript代碼關聯起來。同時，我們在頁面上創建一個等于號按鈕，供用戶計算結果。
以上便是一個簡單的HTML和JavaScript計算器的代碼。使用它，我們可以輕松地進行基本的數學運算，為我們的工作和學習提供便利。