Eu definitivamente não consegui fazer esse sozinha antes de assistir o primeiro video, depois de um tempão decidi assistir. Eu não tinha entendido muito bem o que era "id" lá no HTML. Após o primeiro video tudo se encaixou e ai deu tudo certo.
function alterarStatus(id) {
let jogoClicado = document.getElementById(`game-${id}`) ;
let imagem = jogoClicado.querySelector(".dashboard__item__img") ;
let botao = jogoClicado.querySelector(".dashboard__item__button") ;
if(botao.classList.contains("dashboard__item__button--return")){
botao.classList.remove("dashboard__item__button--return") ;
imagem.classList.remove("dashboard__item__img--rented") ;
botao.textContent = "Alugar" ;
} else{
botao.classList.add("dashboard__item__button--return") ;
imagem.classList.add("dashboard__item__img--rented") ;
botao.textContent = "Devolver" ;
}
}
O código ficou assim, mas estava com um problema por que toda a vez que eu clicava no botão, tudo dava cerrto, porém a página subia. Pedi ajuda pra Luri que falou pra eu usar return false;. Não funcionou, ai eu pesquisei pq isso acontecia e apaguei o href="#" do HTML.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!