Mesmo no exercício anterior usando o alert para mostrar o nome do jogo nada acontecia. Acabei copiando o código todo no final do vídeo e nada funciona, segue o código:
function alterarStatus(id) {
let gameClicado = document.getElementById(`game-${id}`);
let imagem = gameClicado.querySelector('.dashboard__item__img');
let botao = gameClicado.querySelector('.dashboard__item__button');
if (imagem.classList.contains('dashboard__item__img--rented')) {
imagem.classList.remove('dashboard__item__img--rented');
botao.classList.remove('dashboard__item__button--return');
botao.textContent = 'Alugar';
} else {
imagem.classList.add('dashboard__item__img--rented');
botao.classList.add('dashboard__item__button--return');
botao.textContent = 'Devolver';
}
}
Segue imagem do console após clicar nos 3 botões:
A imagem não mostra, mas não mudou nada nos botões. A tela acaba subindo pra centralizar da maneira que foi aberta.
