<head>
<title>Simple Calculator</title>
</head>
<body>
<h2>Calculator</h2>
<input id="num1" type="number" placeholder="Number 1">
<input id="num2" type="number" placeholder="Number 2">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<button onclick="calculate()">Calculate</button>
<p id="result"></p>
<script>
function calculate() {
const num1 = parseFloat(document.getElementById("num1").value);
const num2 = parseFloat(document.getElementById("num2").value);
const op = document.getElementById("operator").value;
let result;
switch (op) {
case '+': result = num1 + num2; break;
case '-': result = num1 - num2; break;
case '*': result = num1 * num2; break;
case '/': result = num2 !== 0 ? num1 / num2 : "Error: Divide by zero"; break;
default: result = "Invalid operator";
}
document.getElementById("result").innerText = "Result: " + result;
}
</script>
</body>
</html>