Estoy intentando calcular el promedio de 4 notas pero no me presenta error, solo que no hace nada, verifiqué todo el código pero no sé cuál es el problema.
Este es el código html con sus inputs:
<form role="form">
<div class="form-group">
<label>nota 1</label>
<input type="number" class="form-control" id="nota1" placeholder="ingrese nota1">
</div>
<div class="form-group">
<label>nota 2</label>
<input type="number" class="form-control" id="nota2" placeholder="ingrese nota2">
</div>
<div class="form-group">
<label>nota 3</label>
<input type="number" class="form-control" id="nota3" placeholder="ingrese nota3">
</div>
<div class="form-group">
<label>nota 4</label>
<input type="number" class="form-control" id="nota4" placeholder="ingrese nota4">
</div>
<button type="button" class="btn btn-primary" id="btn">Calcular</button>
</form>
</div>
</div>
<h3>resultados</h3>
<input type="number" id="display"value="0" readonly>
Y este el código js:
window.onload = function init() {
var nota1 = document.getElementById('nota1').value;
var nota2 = document.getElementById('nota2').value;
var nota3 = document.getElementById('nota3').value;
var nota4 = document.getElementById('nota4').value;
var btn = document.getElementById('btn');
var display = document.getElementById('display');
btn.addEventListener('click', promedio, false);
}
function promedio() {
var cal = (parseFloat(nota1) + parseFloat(nota2) + parseFloat(nota3) + parseFloat(nota4)) / 4;
display.innerHTML = cal;
}
No me muestra ningún error.
display.innerHTML = cal;
pondisplay.value = cal;
ya que es un input.init
dentro de la funciónpromedio
y agregarle unonclick
al button? aunque el problema es muy sencillo seguro te responden.