Lenguaje de Programación
Chiang Vizarreta, José Ignacio
Segundo Exaen
Parcial
CODIGO DEL PROGRAMA
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculadora Matemática</title>
</head>
<body>
<h1>Calculadora Matemática</h1>
<form id="calculatorForm">
<label for="operation">Selecciona una operación:</label>
<select id="operation" name="operation">
<option value="media">Calcular Media de 2 Valores</option>
<option value="mcm">Calcular Mínimo Común Múltiplo (MCM)</option>
<option value="cuadrado">Calcular Cuadrado de un Número</option>
<option value="potencia">Calcular Potencia de un Número</option>
</select>
<br><br>
<div id="valuesInput">
<label for="value1">Número Base:</label>
<input type="number" id="value1" name="value1" required>
<br><br>
<label for="value2">Exponente:</label>
<input type="number" id="value2" name="value2" required>
</div>
<br>
<button type="button" onclick="calculate()">Calcular</button>
</form>
<div id="result" style="display:none;">
<h2>Resultado:</h2>
<p id="resultValue"></p>
</div>
<script>
function calculate() {
var operation = document.getElementById("operation").value;
var value1 = parseFloat(document.getElementById("value1").value);
var value2 = parseFloat(document.getElementById("value2").value);
var result;
switch(operation) {
case "media":
result = (value1 + value2) / 2;
break;
case "mcm":
result = calculateMCM(value1, value2);
break;
case "cuadrado":
result = value1 * value1;
break;
case "potencia":
result = Math.pow(value1, value2);
break;
default:
result = "Operación no válida";
}
document.getElementById("resultValue").textContent = result;
document.getElementById("result").style.display = "block";
}
function calculateMCM(a, b) {
return (a * b) / calculateMCD(a, b);
}
function calculateMCD(a, b) {
while (b !== 0) {
var temp = b;
b = a % b;
a = temp;
}
return a;
}
document.getElementById("operation").addEventListener("change", function() {
var selectedOperation = this.value;
if (selectedOperation === "potencia") {
document.getElementById("value2Label").style.display = "inline";
document.getElementById("value2").style.display = "inline";
} else {
document.getElementById("value2Label").style.display = "none";
document.getElementById("value2").style.display = "none";
}
});
</script>
</body>
</html>
Nuestro trabajo
Ponte en contacto para que podamos empezar a trabajar juntos.