function alterarStatus(id) {
let gameclicado = document.getElementById(`game-${id}`);
let img = gameclicado.querySelector('.dashboard__item__img');
let botao = gameclicado.querySelector('.dashboard__item__button');
let nomeJogo = gameclicado.querySelector('.dashboard__item__name');
alert(nomeJogo.textContent);
}
Oii, Leonardo! Tudo bem?
Fico feliz em ver que você aplicou os conceitos de manipulação do DOM no desafio do projeto AluGames. Essa etapa de capturar os elementos corretos através do ID e das classes é fundamental para que a lógica de alteração de status funcione corretamente depois.
Seu código tá bem estruturado e segue exatamente o que foi proposto. O uso de document.getElementById combinado com querySelector dentro do elemento pai (gameclicado) garante que você está pegando apenas os itens daquele jogo específico que recebeu o clique.
Observações sobre o seu código:
) para formar o ID dinâmico: game-${id}..dashboard__item__img, .dashboard__item__button e .dashboard__item__name foram identificadas com precisão.nomeJogo.textContent é uma ótima forma de validar se a variável realmente guarda o elemento esperado antes de avançar para a lógica de trocar as classes CSS.Continue praticando, pois essa base de selecionar elementos é o que sustenta qualquer aplicação interativa na web.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!