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

[Dúvida] Não muda o botão de 'Alugar' para 'Devolver'.

Montei o código exatamente como o professor passou, mas mesmo assim não alterou o botão. Atualizei a página, fechei e abri novamente depois de ter salvo as alterações e não mudou de 'Alugar' para 'Devolver. Segue código.

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.textContent = 'Devolver';
        botao.classList.add('dashboard__item__button--return');

    }

1 resposta
solução!

Oi!

O problema está nessa sua linha:

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

Faltou o ponto antes da palavra dashboard". Altere para:

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

Bons estudos!