Haga lo que hicimos: manipulando elementos

const inputEnfoqueMusica = document.querySelector("#alternar-musica");
const musica = new Audio(`./sonidos/luna-rise-part-one.mp3`)


musica.loop = true;

inputEnfoqueMusica.addEventListener("change", () => {
    if(musica.paused) {
        musica.play()
    } else{
        musica.pause()
    }
})

botonCorto.addEventListener("click", () => {
    cambiarContexto("descanso-corto")
    botonCorto.classList.add("active")
})

botonEnfoque.addEventListener("click", () => {
    cambiarContexto("enfoque")
    botonEnfoque.classList.add("active")

})

botonLargo.addEventListener("click", () => {
    cambiarContexto("descanso-largo")
    botonLargo.classList.add("active")
})

function cambiarContexto(contexto){

    botones.forEach(function(contexto){
        contexto.classList.remove("active")
    })