<div class="container">
<h1 >Media aritmética</h1>
<input type="number" id="numero">
<input type="button" id="botontirar" value="Añadir">
<input type="button" id="botondeshacer" value="Deshacer">
<input type="button" id="botonreset" value="Empezar de nuevo">
<div id="resultado"></div>
<script>
document.getElementById("botontirar").addEventListener("click", calcular);
document.getElementById("botondeshacer").addEventListener("click", deshacer);
document.getElementById("botonreset").addEventListener("click", reset);
var numeros = [];
function reset() {
numeros = [];
document.getElementById('resultado').innerHTML = "";
}
function deshacer() {
numeros.pop();
document.getElementById('resultado').innerHTML = "<p>" + numeros.toString() + "</p>";
document.getElementById('resultado').innerHTML += "<p>Media: " + mediaAritmetica(numeros) + "</p>";
}
function calcular() {
var numero = parseInt(document.getElementById('numero').value);
numeros.push(numero);
document.getElementById('resultado').innerHTML = "<p>" + numeros.toString() + "</p>";
document.getElementById('resultado').innerHTML += "<p>Media: " + mediaAritmetica(numeros) + "</p>";
document.getElementById('numero').value = "";
}
function mediaAritmetica(tabla) {
var suma = 0;
for (var i = 0; i < tabla.length; i++) {
suma += tabla[i];
}
return suma / tabla.length;
}
</script>
</div>
