Completed bonus missions LaunchCodeEducation#2 and LaunchCodeEducation#3

DuxVictorum · Jul 27, 2021 · aca35a7 · aca35a7
1 parent 264a4cd
commit aca35a7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
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;
         })
     })
 })