Fiz de duas formas, sendo uma utilziando o "onclick" direto e outra utilizando o "addEventListener". As duas funcionaram iguais para esse caso, pelo menos até o momento.
/* Essa opção abaixo é feita diretamente com o método "onclick" nos botões focoBt.onclick = function (){ html.setAttribute('data-contexto', 'foco') }
curtoBt.onclick = function (){ html.setAttribute('data-contexto', 'descanso-curto') }
longoBt.onclick = function (){ html.setAttribute('data-contexto', 'descanso-longo') } */
/*Essa opção abaixo é feito com o método "addEventListener" nos botões 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') }) */
