El código siguiente solicita 3 notas parciales mediante un formulario. Mediante un evento onclick
la función calcularMedia()
debería registrar los tres valores, convertirlos en entero, calcular la media y finalmente esta debería aparecer en pantalla.
function calcularMedia(){
let notaMedia;
document.getElementById("nota1").value;
document.getElementById("nota2").value;
document.getElementById("nota3").value;
notaMedia = (Number(nota1) + Number(nota2) + Number(nota3))/3;
}
document.getElementById("media").innerHTML = "La nota media es= " + notaMedia;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NOTA MEDIA</title>
</head>
<body>
<div><input id="nota1" type="text" placeholder="1er parcial"></div>
<div><input id="nota2" type="text" placeholder="2do parcial"></div>
<div><input id="nota3" type="text" placeholder="3er parcial"></div>
<div><input type="button" onclick="calcularMedia()" value="Calcula la media"></div>
<p id="media"></p>
</body>
</html>
Me surgen dos dudas:
- ¿Por qué no muestra por pantalla el resultado?
- Tiene algo que ver que la función, además de calcular la media, también esté registrando los valores de entrada? He probado en un IDE, pero no corrige el error.