APLICACION PROMEDIO
APLICACION
Realizar una app web que solicite 5 notas y calcule el promedio,lanza un mensaje si la nota es menor a 3
HTML
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>APLICACION NOTAS</title>
</head>
<body>
<h1>INGRESE NOTAS</h1>
<input type="text" name="" id="notas1" placeholder="ingrese notas">
<br>
<input type="text" name="" id="notas2" placeholder="ingrese notas">
<br>
<input type="text" name="" id="notas3" placeholder="ingrese notas">
<br>
<input type="text" name="" id="notas4" placeholder="ingrese notas">
<br>
<input type="text" name="" id="notas5" placeholder="ingrese notas">
<br>
<input type="button" value="calcular" onclick="calcularpromedio()">
<script src="script.js"></script>
</body>
</html>
SCRIPT
function calcularpromedio()
{
var v1= document.getElementById("
var v2= document.getElementById("
var v3= document.getElementById("
var v4= document.getElementById("
var v5= document.getElementById("
var pro= (parseFloat(v1)+parseFloat(v2)
console.log("pro");
//obtener datos de la caja de texto y almacenamiento
if (pro>=0 && pro<3)
{
alert("game over: " + pro + " !");
}
if (pro>=3 && pro<=5)
{
alert("lo lograste: " + pro + " !");
}
}
DESCRIPCION
El archivo `index.html` configura una página simple con un formulario para ingresar las notas de Física, Fundamentos, Química, Español y Matemáticas, cada uno con un campo de entrada numérica y un placeholder descriptivo. Al presionar el botón "Calcular", se ejecuta la función JavaScript para evaluar las notas. El archivo `style.css` proporciona un diseño limpio y moderno para la página, centrando el contenido y estilizando el formulario y los botones para una mejor experiencia de usuario. El archivo `script.js` contiene la lógica para calcular el promedio de las notas válidas, mostrar un mensaje de alerta con los resultados individuales de cada materia y el promedio general, indicando si se aprobó o no según si la nota es mayor o menor a 3.0, y manejando adecuadamente los casos en que no se ingresa una nota válida.
Comments
Post a Comment