O código está igual, copiei os elementos direto do Index para não ter problema de digitação, mas, ao clicar nos itens, nada acontece, o texto não muda, e a imagem não fica opaca. É como se não tivesse código algum na página. Eu salvei o projeto no Visual, atualizei página, abri e fechei de novo mas nada funcionou.
Meu código:
function alterarStatus(id) {
let gameCliclado = document.getElementById( `game-${id}`);
let imagem = gameCliclado.querySelector('.dashborad__item__img');
let botao = gameCliclado.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';
}
}
