From 3b92f0b2de411c74251ed1c674d4ab15ac953bd3 Mon Sep 17 00:00:00 2001
From: Starr <starrleer@gmail.com>
Date: Mon, 16 Aug 2021 20:42:19 -0400
Subject: [PATCH] Bonus mission #3 completed

---
 script.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/script.js b/script.js
index ffd0176..207a905 100644
--- a/script.js
+++ b/script.js
@@ -7,18 +7,23 @@ window.addEventListener("load", function () {
         .then(function (astronauts){
             let container = document.getElementById("container");
             container.innerHTML+= `
+            <h2>Number of Astronaunts on Mission: ${astronauts.length}</h2>\
+            `
+            for (let i=0; i<astronauts.length; i++) {
+            container.innerHTML+= `
             <div class="astronaut">
             <div class="bio">
-                <h3>${astronauts[0].firstName} ${astronauts[0].lastName}</h3>
+                <h3>${astronauts[i].firstName} ${astronauts[i].lastName}</h3>
                     <ul>
-                        <li>Hours in space: ${astronauts[0].hoursInSpace}</li>
-                        <li>Active: ${astronauts[0].active}</li>
-                        <li>Skills: ${astronauts[0].skills}</li>
+                        <li>Hours in space: ${astronauts[i].hoursInSpace}</li>
+                        <li>Active: ${astronauts[i].active}</li>
+                        <li>Skills: ${astronauts[i].skills}</li>
                     </ul>
             </div>
-            <img class="avatar" src="${astronauts[0].picture}">
+            <img class="avatar" src="${astronauts[i].picture}">
             </div>
-            `
+        
+            `   }
 
         })
 })