fetchstudio

Author: tdubey12

fetch/studio/script.js

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