HTML5計算器是一種常見的web開發工具，它通過HTML5語言中的input和button元素、JavaScript語言中的函數和運算符來構建。下面是一個簡單的HTML5計算器代碼示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML5計算器</title>
<script>
function calc() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operation = document.getElementById("operation").value;
var result;
if (operation == "+") {
result = num1 + num2;
} else if (operation == "-") {
result = num1 - num2;
} else if (operation == "*") {
result = num1 * num2;
} else if (operation == "/") {
result = num1 / num2;
}
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<h1>HTML5計算器</h1>
<form>
<p>
<label for="num1">第一個數字:</label>
<input type="text" id="num1" name="num1">
</p>
<p>
<label for="num2">第二個數字:</label>
<input type="text" id="num2" name="num2">
</p>
<p>
<label for="operation">運算符:</label>
<select id="operation" name="operation">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</p>
<p>
<input type="button" value="計算" onclick="calc()">
</p>
<p>
<label for="result">結果:</label>
<span id="result"></span>
</p>
</form>
</body>
</html>通過上面的代碼，我們可以注意到以下幾點：
1. HTML5計算器的基本結構由HTML代碼構建，包含了一個標題、表單、輸入框、下拉框和按鈕。
2. 計算器的核心代碼由JavaScript實現，通過獲取用戶在輸入框中輸入的數字和所選擇的運算符來完成計算，并將結果顯示在結果區域中。
3. 運算符的選擇通過下拉框中的option元素來實現，每個option元素的value屬性對應了加減乘除運算符各自的代碼實現。