diff --git a/ejercicio4/ejercicio4.js b/ejercicio4/ejercicio4.js index 6ce9e92..5fa23aa 100644 --- a/ejercicio4/ejercicio4.js +++ b/ejercicio4/ejercicio4.js @@ -1 +1,34 @@ // Agregar aquí el código javascript + +// Crear una página con tres elementos: un botón "Sumar", un botón "Restar" y un +// párrafo que muestre el valor actual del contador, empezando en `0`. + +// Requisitos: +// - El contador no puede bajar de `0` ni subir de `10`. +// - Cuando el contador llega a `10`, el botón "Sumar" se deshabilita. +// - Cuando el contador llega a `0`, el botón "Restar" se deshabilita. +// - Al volver a un valor intermedio, los botones se vuelven a habilitar. + +let botonSumar = document.querySelector("#botonSumar"); +let botonRestar = document.querySelector("#botonRestar"); +let numero = document.querySelector("#numero"); + +botonSumar.addEventListener("click", (e)=>{ + if(numero.textContent < 9){ // siempre que numero < 9 queremos que se ejecute el codigo (supongamos numero = 8) + ++numero.textContent; // numero = 9 + botonRestar.disabled = false; //habilitamos el restar en caso de que no esté habilitado + } else if (numero.textContent == 9) { // solamente en caso de numero = 9 se ejecuta este else if + ++numero.textContent; // numero = 10 + botonSumar.disabled = true; // ya no queremos seguir sumando, ergo, desactivamos el boton sumar + } +}) + +botonRestar.addEventListener("click", (e)=>{ + if(numero.textContent > 1){ // supongamos que en esta instancia numero = 2 + --numero.textContent; // // ahora numero = 1 + botonSumar.disabled = false // (esta linea la ejecutamos por las dudas para asegurarnos de que se vuelva a habilitar al boton sumar en caso de estar desabilitado, pero solo seria necesaria si numero = 10) + } else if (numero.textContent == 1) { + --numero.textContent; // ahora numero = 0 + botonRestar.disabled = true; // por lo tanto desabilitamos el boton + } +}) diff --git a/ejercicio4/index.html b/ejercicio4/index.html index f7e70b1..4ddc219 100644 --- a/ejercicio4/index.html +++ b/ejercicio4/index.html @@ -8,7 +8,9 @@

Ejercicio 4

- + + +

contador: 0