const html = document.querySelector('html'); //seleciona o html
const focoBt = document.querySelector('.app__card-button--foco');//seleciona o botão foco
const curtoBt = document.querySelector('.app__card-button--curto');//seleciona o botrão curto
const longoBt = document.querySelector('.app__card-button--longo');//seleciona o botão descanso longo
focoBt.addEventListener('click', () =>{
html.setAttribute('data-contexto', 'foco');
})//mudando atributo das páginas ao clicar no botão
curtoBt.addEventListener('click', () =>{
html.setAttribute('data-contexto', 'descanso-curto');
})
longoBt.addEventListener('click', () =>{
html.setAttribute('data-contexto', 'descanso-longo');
})
Excelente aula, estou adorando
