1
resposta

Meu código está igual mas não está funcionando...

function alterarStatus(id){
    let gameClicado = document.getElementById(`game-${id}`);
    let imagem = gameClicado.document.querySelector('.dashboard__item__img');
    let botao = gameClicado.document.querySelector('.dashboard__item__button');

        if(imagem.classList.contains('dashboard__item__img--rented')){
            imagem.classList.remove('dashboard__item__img--rented');
            botao.textContent = 'Alugar';
            botao.classList.remove('dashboard__item__button--return');
        } else {
            imagem.classList.add('dashboard__item__img--rented');
            botao.textContent = 'Devolver';
            botao.classList.remove('dashboard__item__button--return');
        }
}
1 resposta

Oi!

Nessas suas duas linhas está o problema:

let imagem = gameClicado.document.querySelector('.dashboard__item__img');
let botao = gameClicado.document.querySelector('.dashboard__item__button');

Você colocou gameClicado.document, mas na verdade não tem document nesse caso. Altere para:

let imagem = gameClicado.querySelector('.dashboard__item__img');
let botao = gameClicado.querySelector('.dashboard__item__button');