forked from marquez.juan/clase-10-ejercicios-de-repaso
35 lines
1.7 KiB
JavaScript
35 lines
1.7 KiB
JavaScript
// 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
|
|
}
|
|
})
|