Completed bonus missions LaunchCodeEducation#2 and LaunchCodeEducation#3

DuxVictorum · DuxVictorum · commit aca35a7a510d · 2021-07-27T11:35:08.000-05:00
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
   <body>
     <script src="script.js"></script>
     <h1>Astronauts</h1>
+    <h2 id="astroCount">Total Number of Astronauts: </h2>
     <div id="container">
         <!-- List of astronauts will be added here dynamically -->
     </div>
diff --git a/script.js b/script.js
@@ -18,9 +18,16 @@ window.addEventListener("load", event => {
                     </div>
                     <img class="avatar" src="${json[i].picture}">
                 </div>`
-
-            }
+                }
             
+            const actives = document.querySelectorAll("li");
+            for (bits of actives) {
+                if (bits.innerText === "Active: true") {
+                    bits.setAttribute("style", "color: green");
+                };
+            };
+
+            document.getElementById("astroCount").innerText += json.length;
         })
     })
 })
