<div class="posts"></div>
async function getResponse() 
{
    let response = await fetch('https://jsonplaceholder.typicode.com/photos')
    let content = await response.json()
    content = content.splice(0, 10)

    let list = document.querySelector('.posts')
    const str = content.map(post => {
      return `<li class="post">
                  <h4>${post.title}</h4>
                  <img src="${post.url}" width="300">
              </li>`
    }).concat()
    list.innerHTML = str;

    console.log(content)
}

getResponse()

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.