1
resposta

[Dúvida] Projeto inicial , so que o codigo não esta aparecendo a nome do jogo quando excutado , será que é um erro no meu app .?

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);

}

1 resposta

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! 🤔