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', () => {
    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á, Matheus. Tudo bem?

Teu código tá bem encaminhado! Você adicionou corretamente os eventos de clique aos botões e está alterando o atributo data-contexto no elemento html com base nos cliques.

Obrigada por compartilhar com a gente.

Um abraço e bons estudos.