Home

Fetch images with Async/Await

Image by Paul Jarvis
Image © Paul Jarvis
Category: nature
Image by Wojtek Witkowski
Image © Wojtek Witkowski
Category: city
Image by Mark Doda
Image © Mark Doda
Category: closeup
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: building
Image by Steven Spassov
Image © Steven Spassov
Category: closeup
Image by Charlie Foster
Image © Charlie Foster
Category: closeup
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: night
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: building
Image by Paul Jarvis
Image © Paul Jarvis
Category: nature
Image by Rick Waalders
Image © Rick Waalders
Category: nature
Image by Paul Jarvis
Image © Paul Jarvis
Category: closeup
Image by Nick Turner
Image © Nick Turner
Category: closeup 
const t=document.querySelector(".spinner");!async function(){try{const t=await fetch("https://my-json-server.typicode.com/pverhaert/itf-api/picsum");if(!t.ok)throw new Error(`An error has occurred: ${t.status}  ${t.statusText}`);!function(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 &copy; <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            `})}(await t.json())}catch(t){console.error(t)}t.classList.add("hidden")}();
//# sourceMappingURL=images.js.map