text: const videoContainer = document.querySelector('#videos');
  
  let videoCount = localStorage.getItem('videoCount') || 0;
  
  function makeVideoHTML(video) {
      return `
        <div class='video-card'>
          <img src='${video['picture-url']}' alt='picture'/>
          <div>
            <h4 title='${video['video-name']}'>${video['video-name']}</h4>
            <h4>${video.rating}</h4>
          </div>
        </div>
      `;
  }
  
  function populateVideoList(videos) {
    videoContainer.innerHTML = videos.map(video => makeVideoHTML(video)).join('');
  }
  
  
  document.onload = () => {
    let videos = getVideos();
    if(videos.length > 0) {
      populateVideoList(videos);
    }
    else {
      videoContainer.innerHTML = `<h1 class='page-header'>You have no videos saved</h1>`
    }
  }
  
  document.onload();
  
  function getVideos() {
    let videos = [];
    for(let i = 1; i <= videoCount; i++) {
      videos.push(JSON.parse(localStorage.getItem(`video-${i}`)));
    }
    return videos;
  }
  