studio completed

Author: dwyci

fetch/studio/package-lock.json

@@ -1 +1,30 @@
+
 //TODO: Add Your Code Below
+
+
+
+window.addEventListener("load", function() {
+
+    fetch("https://handlers.education.launchcode.org/static/astronauts.json").then(function(response){
+        response.json().then(function(data){
+            for (let i=0; i<data.length; i++){
+                let astronaut = data[i];
+                container.innerHTML +=`
+                <div class="astronaut">
+                <div class="bio">
+                    <h3>${astronaut.firstname} ${astronaut.lastName}</h3>
+                    <ul>
+                    <li>Hours in space: ${astronaut.hoursInSpace}</li>
+                    <li>Active: ${astronaut.active}</li>
+                    <li>Skills: ${astronaut.skills}</li>
+                    </ul>
+                </div>
+                <img class="avatar" src=${astronaut.picture}>
+            </div>
+    
+           `;
+}
+});
+
+});
+});