(Asynchronous JS) How Many People Are in Space project - View astronauts not working

Running into an issue with the astronauts in space project. The sections with the astronauts information doesn't appear when I click the button. Any suggestions?

'''JavaScript const astrosUrl = 'http://api.open-notify.org/astros.json'; const wikiUrl = 'https://en.wikipedia.org/api/rest_v1/page/summary/'; const peopleList = document.getElementById('people'); const btn = document.querySelector('button');

// Make an AJAX request function getJSON(url) { const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onload = () => { if(xhr.status === 200) { let data = JSON.parse(xhr.responseText); console.log(data); } }; xhr.send(); }

// Generate the markup for each profile function generateHTML(data) { const section = document.createElement('section'); peopleList.appendChild(section); section.innerHTML = <img src=${data.thumbnail.source}> <h2>${data.title}</h2> <p>${data.description}</p> <p>${data.extract}</p> ; }

btn.addEventListener('click', () => getJSON(astrosUrl)); '''