Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Apenas Monopoly é alterado

Ao terminar o projeto, todas as instruções obtiveram sucesso. Desde o Alugar até o Devolver, imagens opacas e não-opacas. Porém, todas as alterações acontecem apenas com um jogo: O Monopoly. Independente do jogo que eu aperte, sempre altera o Monopoly.

O código é este:

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

    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';
    }
}
1 resposta
solução!

Oi!

Nessas suas duas variáveis:

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

Você deve recuperar os elementos sem utilizar o document, mas utilizando a sua variável click. Ajuste para:

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

Dessa forma ele vai buscar os elementos baseado no botão que foi clicado.

Bons estudos!