all but bonus

Author: krystalwhite

script.js

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