Boa tarde, fiz de uma outra maneira para evitar repetição de código, usando a estrutura for! Gostaria de saber se está correto utilizar dessa forma:
const listaDeFundos = ['foco', 'descanso-curto', 'descanso-longo'];
const listaDeBotoes = document.querySelectorAll('.app__card-button');
for(let contador = 0; contador < listaDeFundos.length; contador++){
listaDeBotoes[contador].addEventListener('click', () =>{
html.setAttribute('data-contexto', listaDeFundos[contador]);
})
}