1
resposta

[Bug] Ocorre a alteração apenas uma vez

Boa tarde, fiz o codigo exatamento como está na aula, entretanto quando clico para alugar ele funciona normalmente, mas quando clico para devolver não ocorre mudança alguma. Segue código para verificação.

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';
    }
}
1 resposta

O meu também estava com o mesmo erro... Está faltando um ( let nomeJogo = gameClicado.querySelector('.dashboard__item__name'); ) Na primeira função.