1
resposta

Desafio: adicionando evento de click

//declarei as constantes dos botões de duas formas diferentes.

const html = document.querySelector('html');
const btnFoco  = document.getElementsByClassName('app__card-button--foco')[0];
const btnLongo = document.getElementsByClassName('app__card-button--longo')[0];
const btnCurto = document.querySelector('.app__card-button--curto');

btnFoco.addEventListener('click',() => {
    html.setAttribute('data-contexto', 'foco');
});

btnLongo.addEventListener('click', () => {
    html.setAttribute('data-contexto','descanso-longo');

});

btnCurto.addEventListener('click',() => {
    html.setAttribute('data-contexto','descanso-curto');
})
1 resposta

Olá, Andre!

Você declarou os botões e adicionou os eventos de clique corretamente. Você fez o que o desafio pediu, que é adicionar um evento de clique no botão "Descanso longo" e definir o valor 'descanso-longo' para o atributo data-contexto, muito bem!

Continue assim explorando, buscando por mais soluções, meus parabéns!

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!