Nesse projeto, eu estava fazendo com que o código querySelector pegasse uma classe, com um ponto antes. O código estava assim (o texto no botão ainda não foi mudado):
function alterarStatus(numeroJogo) {
let jogo = document.getElementById('game-' + numeroJogo);
let imagem = jogo.querySelector('.dashboard__item__img'); //por pontinho pq é classe
let status = jogo.querySelector('.dashboard__item__button');
if (!imagem.classList.contains('dashboard__item__img--rented')) {
imagem.classList.add('dashboard__item__img--rented');
status.classList.add('dashboard__item__button--return');
} else {
imagem.classList.remove('dashboard__item__img--rented');
status.classList.remove('dashboard__item__button--return');
}
}
Quando eu uso as tags no lugar das classes (linha 3 e 4) , a imagem não funciona:
let imagem = jogo.querySelector('img');
let status = jogo.querySelector('a');
Alguém sabe qual o problema?
