在學習HTML中，我們經常會遇到需要輸入一些簡單的計算操作的情況，比如一個簡易的計算器。
下面是一個使用HTML和JavaScript實現的計算器示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>計算器</title>
<script>
function calculate() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
switch(operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
result = num1 / num2;
break;
}
document.getElementById("result").innerHTML = "計算結果：" + result;
}
</script>
</head>
<body>
<h1>簡易計算器</h1>
<div>
<label for="num1">第一個數：</label>
<input type="text" id="num1">
</div>
<div>
<label for="operator">運算符：</label>
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</div>
<div>
<label for="num2">第二個數：</label>
<input type="text" id="num2">
</div>
<div>
<button onclick="calculate()">計算</button>
</div>
<div id="result"></div>
</body>
</html>這個計算器可以實現基本的加減乘除計算，用戶只需要輸入兩個數和運算符即可得到計算結果。
我們可以使用HTML中的標簽和JavaScript來實現一些簡單的功能示例，幫助我們更好地理解HTML和JavaScript的基本概念。
下一篇html 柱狀圖代碼