Program 6:
<!DOCTYPE html>
<html>
<body>
<input type="number" id="num1">
<input type="number" id="num2">
<select id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="square">Square</option>
<option value="power">Power</option>
<option value="sqrt">Square Root</option>
</select>
<button onclick="calc()">Calculate</button>
<p id="result"></p>
<script>
function calc() {
const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);
const op = document.getElementById('op').value;
let result;
switch (op) {
case '+':
result = num1 + num2;
break;
case '-':
result = num1 - num2;
break;
case '*':
result = num1 * num2;
break;
case '/':
result = num1 / num2;
break;
case 'square':
result = Math.pow(num1, 2);
break;
case 'power':
result = Math.pow(num1, num2);
break;
case 'sqrt':
result = Math.sqrt(num1);
break;
document.getElementById('result').innerHTML = result;
</script>
</body>
</html>
Output: