>>10592
[code] <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculadora Simple</title>
</head>
<body>
<h2>Calculadora Simple</h2>
<p>Introduce dos valores y selecciona un operador:</p>
<input type="number" id="valor1">
<select id="operador">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="number" id="valor2">
<button onclick="calcular()">Calcular</button>
<p id="resultado"></p>
<script>
function calcular() {
// Obtener los valores y el operador
const valor1 = parseFloat(document.getElementById('valor1').value);
const operador = document.getElementById('operador').value;
const valor2 = parseFloat(document.getElementById('valor2').value);
// Verificar si se introdujeron valores válidos
if (isNaN(valor1) || isNaN(valor2)) {
document.getElementById('resultado').textContent = 'Por favor, introduce valores válidos.';
return;
}
// Realizar la operación seleccionada
let resultado;
switch (operador) {
case '+':
resultado = valor1 + valor2;
break;
case '-':
resultado = valor1 - valor2;
break;
case '*':
resultado = valor1 * valor2;
break;
case '/':
if (valor2 === 0) {
resultado = 'Error: división por cero';
} else {
resultado = valor1 / valor2;
}
break;
default:
resultado = 'Operador no válido';
}
// Mostrar el resultado
document.getElementById('resultado').textContent = 'Resultado: ' + resultado;
}
</script>
</body>
</html>
[/code]