Home

Fetch images with promises

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");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 &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                `})}).then(()=>{t.classList.add("hidden")}).catch(e=>{t.classList.add("hidden"),console.log(e)});
//# sourceMappingURL=images.js.map