1
resposta

[Projeto] 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', () => {
    html.setAttribute('data-contexto', 'foco')
});

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

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

Olá, Ariel, como vai?

Seu código está excelente! Parabéns pela forma como organizou a seleção dos elementos e os eventos de clique. Está claro e funcional, uma ótima implementação. Continue compartilhando seu progresso e soluções aqui no fórum, é muito enriquecedor para toda a comunidade ver abordagens diferentes e ideias criativas.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)