1
resposta

[Projeto] Desafio: adicionando evento de click

const html = document.querySelector('html');
const focoBt = document.querySelector('.app__card-button--foco');
const curtoBt = document.querySelector('.app__card-button--curto');
const longoBt = document.querySelector('.app__card-button--longo');

focoBt.addEventListener('click', function() {
    html.setAttribute('data-contexto', 'foco')
});

curtoBt.addEventListener('click', function() {
    html.setAttribute('data-contexto', 'descanso-curto')
});

longoBt.addEventListener('click', function() {
    html.setAttribute('data-contexto', 'descanso-longo')
});
1 resposta

Olá, João!

Que alegria ver seu projeto evoluindo e compartilhado aqui! Parabéns pelo esforço e dedicação, é muito gratificante ver o progresso dos estudantes.

Obrigado por compartilhar conosco os seus resultados, continue praticando e explorando cada vez mais!

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!