Este es mi código que no recibe ninguna respuesta de jsonplaceholder, ¿qué debo hacer? Intenté para otros, como publicaciones/comentarios, funcionó, pero no obtengo fotos.
function getPhotos() { fetch('https://jsonplaceholder.typicode.com/photos') .then((response) => response.json()) .then((data) => { console.log(data); let photoLayout = document.querySelector('#photo-layout'); let html = ""; data.forEach((e) => { // console.log(e) html += ` <div class="col-md-4" > <div class="card h-100 mb-3"> <img class="card-img-top" src=${e.thumbnailUrl} alt="photo"/> <div class="card-body"> <p class= "id>${e.id} <h5 class="album-title">${e.title}</h5> </div> </div> </div> `; photoLayout.innerHTML = html; }); }); } getPhotos();Debe mover photoLayout.innerHTML = html; fuera del ciclo forEach.
function getPhotos() { fetch('https://jsonplaceholder.typicode.com/photos') .then((response) => response.json()) .then((data) => { const photoLayout = document.querySelector('#photo-layout'); let html = ""; data.forEach((e) => { html += ` <div class="col-md-4" > <div class="card h-100 mb-3"> <img class="card-img-top" src=${e.thumbnailUrl} alt="photo"/> <div class="card-body"> <p class= "id>${e.id} <h5 class="album-title">${e.title}</h5> </div> </div> </div> `; }); photoLayout.innerHTML = html; }); } getPhotos();