Fetch images with promises
Image © Paul Jarvis
Category: nature
Category: nature
Image © Wojtek Witkowski
Category: city
Category: city
Image © Mark Doda
Category: closeup
Category: closeup
Image © Vadim Sherbakov
Category: building
Category: building
Image © Steven Spassov
Category: closeup
Category: closeup
Image © Charlie Foster
Category: closeup
Category: closeup
Image © Vadim Sherbakov
Category: night
Category: night
Image © Vadim Sherbakov
Category: building
Category: building
Image © Paul Jarvis
Category: nature
Category: nature
Image © Rick Waalders
Category: nature
Category: nature
Image © Paul Jarvis
Category: closeup
Category: closeup
Image © Nick Turner
Category: closeup
Category: closeup
const t=document.querySelector(".spinner");fetch("https://my-json-server.typicode.com/pverhaert/itf-api/picsum").then(t=>{if(!t.ok)throw new Error(`An error has occurred: ${t.status} ${t.statusText}`);return t.json()}).then(t=>{t.forEach(t=>{document.getElementById("imgContainer").innerHTML+=`\n <div class="card">\n <img src="${t.url}/600/400" class="section media" alt="Image by ${t.author}">\n <div class="section">\n Image © <a href="https://unsplash.com/photos/${t.meta.unsplash}" target="_blank">${t.author}</a>\n <br>\n Category: ${t.category}\n </div>\n </div>\n `})}).then(()=>{t.classList.add("hidden")}).catch(e=>{t.classList.add("hidden"),console.log(e)});
//# sourceMappingURL=images.js.map