Oi Elias,
Analisando seu código, notei que a construção do id
do elemento HTML está incorreta. Você está usando game-${id}
dentro do document.getElementById()
, o que resulta em uma string literal, e não no valor dinâmico que você espera. 😐
Para corrigir, você precisa usar Template String (strings com crase) para interpolar o valor da variável id
corretamente. O correto seria:
function alterarStatus(id) {
let gameClicado = document.getElementById(`game-${id}`);
let imagem = gameClicado.querySelector('.dashboard__item__img');
let botao = gameClicado.querySelector('.dashboard__item__button');
let nomeJogo = gameClicado.querySelector('.dashboard__item__name');
alert(nomeJogo.textContent);
}
Para saber mais: Template literals (Template strings) - Documentação da MDN sobre template string em JavaScript.
Continue praticando e explorando as funcionalidades do JavaScript! 🤔