Complete 26.6.3 Bonus Missions LaunchCodeEducation#3 - Add astronaut …

…count
maymlin · Jul 27, 2021 · 2de8f59 · 2de8f59
1 parent 1ad6853
commit 2de8f59
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/script.js b/script.js
@@ -5,8 +5,8 @@ window.addEventListener("load", function() {
         response.json()
         .then(function(jsonString) {
             // console.log(jsonString);
-
-            // 26.6.3 Bonus Missions
+            let contentSpace = document.getElementById("container");
+            // 26.6.3 Bonus Missions #1 and 2
             let hoursArray = [];
             jsonString.forEach(function(astronaut) {
                 hoursArray.push(astronaut.hoursInSpace);
@@ -32,7 +32,12 @@ window.addEventListener("load", function() {
             }
             */
 
-            document.getElementById("container").innerHTML = astronautInfo;
+            // 26.6.3 Bonus Missions #3
+            let newElement = document.createElement("h2");
+            newElement.innerHTML = `Astronaunt count: ${jsonString.length}`;
+            document.querySelector("body").insertBefore(newElement, contentSpace);
+
+            contentSpace.innerHTML = astronautInfo;
         });
     });
 });