Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Faça como eu fiz: alugando e devolvendo jogos - Alugames Lógica em JS

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto AluGames e atividade Faça como eu fiz: alugando e devolvendo jogos

por Gabriel Holanda Da Silva
| 14.3k xp | 25 posts
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.textContent = 'Alugar';
} else {
    imagem.classList.add('dashboard__item__img--rented');
    botao.textContent = 'Devolver';
}

if (botao.classList.contains('dashboard__item__button--return')) {
   botao.classList.remove('dashboard__item__button--return');
} else {
   botao.classList.add('dashboard__item__button--return');
}

}
1 resposta
solução!
por Daniel Nogueira
| 1027.6k xp | 2082 posts
Alura Scuba Team Analista de Suporte Educacional

Oi, Gabriel! Tudo bom?

Seu código ficou excelente!

Você soube aplicar manipulação de classes CSS com classList de forma eficiente, aproveitou o uso de querySelector para selecionar elementos com precisão e entendeu como o textContent é essencial para atualizar dinamicamente o conteúdo da interface.

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

Ícone de sugestão Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

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!