script.js

window.addEventListener("load", function(){
    fetch("https://handlers.education.launchcode.org/static/astronauts.json").then(function(response){
        response.json().then( function(json) {
            console.log(json)
            console.log(json.length)
            const div = document.getElementById("container");
            let array =[]
            for (let i =0; i < json.length; i++){
                div.innerHTML +=  `
                <div class = "astronaut">
                <div class = "bio">
                <h3>${json[i].firstName}${json[i].lastName}</h3>
            <ul>
                <li>${json[i].hoursInSpace}</li>
                <li>${json[i].active}</li>
                <li>${json[i].skills}</li>
            </ul>
    </div>
    <img class="avatar" src="${json[i].picture}">
</div>`
          
}
        });
     });
});