main04.js

// Chain this onto the end of the AJAX request.
.then( () => {
  
  // Create an array of <div>s and then map over each element to create a div with image and title.
  const showImages = `
    ${jsonData.map( card => {
        return `
          <div class="col-md-6">
            <div class="card">
              <img src=${card.covers[0]} class="img-responsive" />
              <div class="card-title">
                <h4>${card.title}</h4>
              </div>
            </div>
          </div>
        `
      }
    )
    // Remove any '' from the map array.
    .join('')}
  `;
  
  const imagesDiv = document.querySelector('#images');
  imagesDiv.innerHTML = showImages;
});