Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Error no puedo consumir la Api

Tengo este error en la consola y no puedo resolverlo, me genere un codigo en apis de la nasa, me podran ayudar TypeError: Cannot read properties of null (reading 'innerHTML') at script.js:22:43 at Array.forEach () at listaImagenes (script.js:15:31)

const url = "https://api.nasa.gov/planetary/apod?api_key=C2lXxakSZ9R6ARAz55lA3bexDpudwjy87bzCCxJu&count=15" 

async function listaImagenes() { try{ let fetchImagen = await fetch(url) let datosImagenes = await fetchImagen.json()

    console.log(datosImagenes)
    const card = document.querySelector("[data-url]")

            datosImagenes.forEach( elemento => {
                const contenido = 
                `<li class="card"> 
                <img class="card__image" src="${elemento.url}" alt="imagen"> 
                <h3 class="card__title">${elemento.title}</h3>
                </li>
                `
                card.innerHTML = card.innerHTML + contenido
            })
}
catch(error){
    console.log(error)
}

} listaImagenes()

1 respuesta

¡Hola Mariela!

Pon un consol.log(card) antes de la línea "card.innerHTML = card.innerHTML + contenido" y ve lo qué te aparece en la consola.