[ Foro de Javascript ]

No aparecen datos en mi ventana modal

18-Mar-2022 09:10
Invitado (Cinthia)
0 Respuestas

document.querySelectorAll('.pokemon-box').forEach((pokemon) => {
 pokemon.addEventListener('click', () => {
   modalContainer.style.opacity = '1';
   modalContainer.style.visibility = 'visible';
   modalContent.classList.toggle('modal_close');
   const name = document.querySelectorAll(".name")[0];
   const img = document.querySelectorAll(".img")[0];
   const num = document.querySelectorAll(".num")[0];
   //const type = document.querySelectorAll(".type")[0];
   const height = document.querySelectorAll(".height")[0];
   const weight = document.querySelectorAll(".weight")[0]
   const candy = document.querySelectorAll(".candy")[0]
   const nextEvolution = document.querySelectorAll(".next_evolution")[0]

   name.innerHTML = pokemon.name
   img.setAttribute("src", pokemon.img)
   num.innerHTML = pokemon.num
   //type: type.innerHTML = `TIPO: ${pokemon.type.join(", ")}`,
   height.innerHTML = `HEIGHT: ${pokemon.height}`
   weight.innerHTML = `WEIGHT: ${pokemon.weight}`
   candy.innerHTML = `Candy: ${pokemon.candy}`
   nextEvolution.innerHTML = `NEXT EVOLUTION: ${pokemon['next-evolution'] ? pokemon['next-evolution'].map(evolution => evolution.name).join(", ") : "This is the last evolution"}`
 })  
});

close.addEventListener('click', () => {
 modalContent.classList.toggle('modal_close');
 setTimeout(() => {
   modalContainer.style.opacity = '0';
   modalContainer.style.visibility = 'hidden';
 }, 500)
})

window.addEventListener('click', (e) => {
 if (e.target == modalContainer) {
   modalContent.classList.toggle('modal_close');
   setTimeout(() => {
     modalContainer.style.opacity = '0';
     modalContainer.style.visibility = 'hidden';
   }, 300)
 }
});

Hola, estoy iniciando en programación y tengo un problema, estoy trabajando en una base de datos de pokemons y a la hora que clickeo en un pokemon quiero que me aparezca toda la info del mismo en una ventana modal, el problema está que la ventanita me aparece pero con textos que dicen undefined. Y no sé como solucionarlo :( Agradecería mucho su ayuda




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)