Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Meu código ficou diferente.

Como travei em alguns momentos, dei uma pesquisada e resolvi de outra maneira.

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

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

}

1 resposta

Olá, Bruna! Como vai?

Primeiramente, seja bem-vinda à Alura! 💙

E sim, na programação é muito comum um mesmo problema poder ser resolvido de diversas maneiras. Que ótimo que você conseguiu!

Vi que você explorou o DOM para manipular elementos com JavaScript, utilizou muito bem o querySelector() para acessar componentes específicos e ainda compreendeu a importância da alteração dinâmica de classes para mudar o estado visual de forma interativa.

Continue postando as suas soluções, com certeza isso ajudará outros estudantes e tem grande relevância para o fórum.

Se quiser aprofundar ainda mais, algumas boas práticas são:

  • Interpolação de strings: usar corretamente template literals para manipular IDs dinamicamente.
  • Separação de responsabilidades: manter lógica e estilo organizados para facilitar manutenção.
  • Feedback visual: garantir que as mudanças de classe transmitam claramente o novo estado ao usuário.

Ah, uma pergunta: Você acha mais interessante que o sistema altere apenas o texto do botão para indicar o estado ou que também modifique a aparência visual para reforçar a interação do usuário?

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

AluraConte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!