Um ano atrás eu parei neste mesmo exercício, pois não tinha condições de fazer sozinho, desta vez retornei e lendo a resposta dada a um tópico, que falava exatamente sobre aplicar conhecimentos que não foram abordados nos cursos anteriores, na resposta foi sugerido que usássemos fontes externas para pesquisas e resolução de problemas e exercícios, fomentando a pesquisa, busca ... "conversando' com o chatGPT sobre algumas dúvidas e erros na execução do código, fui apresentado a toggle e foi assim que ficou minha resolução AluGames:
function alterarStatus(id) {
let gameClicado = document.getElementById(`game-${id}`);
let imagem = gameClicado.querySelector('.dashboard__item__img');
let nomeJogo = gameClicado.querySelector('.dashboard__item__name');
let botao = gameClicado.querySelector('.dashboard__item__button');
imagem.classList.toggle('dashboard__item__img--rented');
botao.classList.toggle('dashboard__item__button--return');
if (imagem.classList.contains('dashboard__item__img--rented')) {
botao.textContent = 'Devolver';
} else {
botao.textContent = 'Alugar';
}
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!