Write a JavaScript function to perform arithmetic operations on two integer numbers using HTML form.
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
</head>
<body>
<h1>Simple Calculator</h1>
<form id="calculatorForm">
<label for="num1">Enter Number 1:</label>
<input type="number" id="num1" required><br><br>
<label for="num2">Enter Number 2:</label>
<input type="number" id="num2" required><br><br>
<button type="button" onclick="calculate('add')">Add</button>
<button type="button" onclick="calculate('subtract')">Subtract</button>
<button type="button" onclick="calculate('multiply')">Multiply</button>
<button type="button" onclick="calculate('divide')">Divide</button>
</form>
<p id="result">Result: </p>
<script>
function calculate(operation) {
var num1 = parseInt(document.getElementById('num1').value);
var num2 = parseInt(document.getElementById('num2').value);
var result;
switch (operation) {
case 'add':
result = num1 + num2;
break;
case 'subtract':
result = num1 - num2;
break;
case 'multiply':
result = num1 * num2;
break;
case 'divide':
if (num2 === 0) {
document.getElementById('result').textContent = 'Result: Cannot divide by zero';
return;
} else {
result = num1 / num2;
}
break;
default:
break;
}
document.getElementById('result').textContent = 'Result: ' + result;
}
</script>
</body>
</html>
