Solucionado
Fiz exatamente igual o professor explicou o codigo e não funcionou
const html = document.querySelector('html')
const focoBt = document.querySelector('.app__card-button--foco')
const curtoBt = document.querySelector('app__card-button--curto')
focoBt.addEventListener('click', () => {
html.setAttribute('data-contexto', 'foco')
})
curtoBt.addEventListener('click', () => {
html.setAttribute('data-contexto', 'descanso-curto')
})
Camila,
Desculpe, não deu tempo de analisar tudo, mas eu acho que a variável: ('app__card-button--curto') está com o nome diferente entre o HTML e o JS.
Por favor, você pode verificar se os nomes são iguais?
[]'s,
Fabio I.
Essa linha faltou o ponto antes do nome da classe:
const curtoBt = document.querySelector('app__card-button--curto')
Quando utilizar o querySelector temos que indicar o tipo de elemento
Sem o ponto indica tag:
document.querySelector('tag')
Com o ponto indica nome de classe:
document.querySelector('.className')
Com o # indica ID:
document.querySelector('#id')
Logo o correto seria:
const curtoBt = document.querySelector('.app__card-button--curto')
Obrigada!! Deu certo, não tinha conseguido enxergar o pequeno erro que era só o ponto.