Entrar Ainda não tem acesso?
1
resposta

Resolução

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

por Anapaulamanso1435
| 3.9k xp | 20 posts
function alterarStatus(id) {  
    let gameClicado = document.getElementById(`game-${id}`);  
    let imagem = gameClicado.querySelector('.dashboard__item__img');  
    let botao = gameClicado.querySelector('.dashboard__item__button');  

    imagem.classList.toggle('dashboard__item__img--rented');  
    botao.classList.toggle('dashboard__item__button--return');  
    botao.innerHTML = imagem.classList.contains('dashboard__item__img--rented') ? 'Devolver' : 'Alugar';  
}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
por Lorena Garcia
| 11555.3k xp | 17315 posts
Alura Scuba Team

Olá, Ana Paula, tudo bem?

Sua resolução para o desafio está excelente! O código está muito limpo, legível e demonstra o uso de ótimas práticas de JavaScript moderno.

Gostei especialmente de duas escolhas que você fez e que mostram um bom entendimento da linguagem:

  1. O uso de classList.toggle(): É a maneira perfeita para alternar o estado visual dos elementos. Simplifica o código que, de outra forma, precisaria de uma estrutura if/else para adicionar ou remover classes.
  2. O operador ternário: Foi uma ótima escolha para atualizar o texto do botão de forma concisa e direta, deixando a lógica de decisão em uma única linha.

Seu código resolve o problema proposto com perfeição.

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