Para que tu código funcione has de cambiar algunas cosas. Por ejemplo,
Si no se inserta ningún valor en el
input
no se deben actualizar los campos. Para determinar si no se ha introducido un valor, se utiliza el método globalisNaN
Para parar exactamente enrealizar una acción u otra según el sexto intentonúmero de intentos realizados puedes usar un codicional
if ... else
, comparando el número de intentos actuales,. Si los cuales han de sermismos son mayor que cero, podemos seguir ingresando números, en caso contrario no podemos.Para parardetener cuando hemos alcanzado el número de intentos permitidos, establecemos el atributo
disabled
del botón para que no puedas seguir introduciendo números.El resultado se muestra cuando se ha alcanzado el número máximo de intentos.
El código se puede ver parecido al siguiente:
function sumar(a, b) {
return a + b;
}
let intentos = 6;
let acumulado = 0;
document.getElementById('ingresar').addEventListener('click', e => {
const valor = parseInt(document.getElementById('numero').value);
if(isNaN(valor)) {
return;
}
acumulado = sumar(acumulado, valor);
if(intentos > 1) {
intentos--;
document.getElementById('resultado').innerHTML = `Ha ingresado ${valor}`;
} else {
document.getElementById('resultado').innerHTML = `Total: ${acumulado}`;
e.currentTarget.disabled = 'disabled';
}
});
<label for="numero">Número</label>
<input type="number" name="numero" id="numero">
<br>
<br>
<button type="button" id="ingresar">Ingresar</button>
<br>
<br>
<div id="resultado"></div>
Espero que esto te ayude a resolver el problema.