index.html

<script>
  $(document).ready( () => {
    $.get( '/mediumPosts', (result) => {
      for (let i=1; i <= 3; i++) {
        let postId = '#post' + i;
        let title = 'mediumTitle' + i;
        let excerpt = 'mediumExcerpt' + i;
        let url = 'mediumUrl' + i;
        let postDiv = document.createElement('div');
        postDiv.className = 'post';
        postDiv.id = postId;
        let postWrapper = document.createElement('div');
        postWrapper.className = 'wrapper';
        let h2 = document.createElement('h2');
        let p = document.createElement('p');
        h2.innerHTML = result[title];
        p.innerHTML = result[excerpt];
        postWrapper.appendChild(h2);
        postWrapper.appendChild(p);
        postDiv.appendChild(postWrapper);
        let a = document.createElement('a');
        a.innerHTML = 'Read More';
        a.setAttribute('href', result[url]);
        a.setAttribute('target', '_blank');
        postDiv.appendChild(a);
        $('#page-wrapper').append(postDiv);
      }
    });
  });
  </script>