Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Desafío: Cambiando el color de fondo.

const d = document;


/* Cambio de color en el background de la página */
const html = d.querySelector('html');
const btnEnfoque = d.querySelector('.app__card-button--enfoque');
const btnCorto = d.querySelector('.app__card-button--corto');
const btnLargo = d.querySelector('.app__card-button--largo');



btnCorto.addEventListener('click', () => {

    html.setAttribute('data-contexto', 'descanso-corto');
});


btnEnfoque.addEventListener('click', () => {

    html.setAttribute('data-contexto', 'enfoque');

});


btnLargo.addEventListener('click', () => {

    html.setAttribute('data-contexto', 'descanso-largo');
});
1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!