From 9631507b5a05f9f5b38b2f1e81ac9d4a3fcb83e0 Mon Sep 17 00:00:00 2001
From: cbowser36 <72530740+cbowser36@users.noreply.github.com>
Date: Wed, 28 Oct 2020 18:54:25 -0500
Subject: [PATCH 1/4] update script.js

added all additional code to make this website meet all requirements
---
 script.js | 94 ++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 83 insertions(+), 11 deletions(-)

diff --git a/script.js b/script.js
index 8d2e0821..7bfd82cc 100644
--- a/script.js
+++ b/script.js
@@ -1,13 +1,85 @@
 // Write your JavaScript code here!
 
-/* This block of code shows how to format the HTML once you fetch some planetary JSON!
-<h2>Mission Destination</h2>
-<ol>
-   <li>Name: ${}</li>
-   <li>Diameter: ${}</li>
-   <li>Star: ${}</li>
-   <li>Distance from Earth: ${}</li>
-   <li>Number of Moons: ${}</li>
-</ol>
-<img src="${}">
-*/
+// {/* /* This block of code shows how to format the HTML once you fetch some planetary JSON!
+function randomizer(max){
+    return Math.floor(Math.random() * Math.floor(max));
+}
+
+window.addEventListener("load",function() {
+   let form = document.getElementById("launchForm")
+    form.addEventListener("submit",function(event){
+        fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) {
+            response.json().then( function(json) {
+                let i = randomizer(6);
+                const div = document.getElementById("missionTarget");
+                div.innerHTML= `
+                <h2>Mission Destination</h2>
+    <ol>
+       <li>Name: ${json[i].name}</li>
+       <li>Diameter: ${json[i].diameter}</li>
+       <li>Star: ${json[i].star}</li>
+       <li>Distance from Earth: ${json[i].distance}</li>
+       <li>Number of Moons: ${json[i].moons}</li>
+    </ol>
+    <img src="${json[i].image}">`
+            });
+        });
+let pilot = document.querySelector("input[name=pilotName]");
+let copilot = document.querySelector("input[name=copilotName]");
+let fuel = document.querySelector("input[name=fuelLevel]");
+let cargo =document.querySelector("input[name=cargoMass]"); 
+
+    if (pilot.value === "" || copilot.value === "" || fuel.value === "" || cargo.value === ""){
+        window.alert("All Fields are Required!");
+         event.preventDefault();
+     }else if(isNaN(fuel.value)||isNaN(cargo.value)){
+            window.alert("Please Enter a Number for Cargo and Fuel Levels!");
+            event.preventDefault();
+    }else if(isNaN(pilot.value) === false ||isNaN(copilot.value) === false){
+       window.alert("Please Enter a Valid Name for the Pilot and Copilot");
+       event.preventDefault();
+    }
+    });
+ form.addEventListener("submit",function(event){
+    let pilot = document.querySelector("input[name=pilotName]");
+    let copilot = document.querySelector("input[name=copilotName]");
+    let fuel = document.querySelector("input[name=fuelLevel]");
+    let cargo =document.querySelector("input[name=cargoMass]"); 
+ 
+      if (fuel.value < 10000 && fuel.value > 0){
+   launchStatus.innerHTML = "Shuttle not ready for launch"
+   faultyItems.style.visibility = 'visible';
+   launchStatus.style.color = 'red';
+   faultyItems.innerHTML= `
+   <ol>
+       <li>Pilot: ${pilot.value} Ready</li>
+       <li>Co-pilot: ${copilot.value} Ready</li>
+       <li>Fuel is too low for launch</li>
+       <li>Cargo mass low enough for launch</li>
+   </ol>
+
+`;
+event.preventDefault();
+}  else if (cargo.value > 10000){ 
+   launchStatus.innerHTML = "Shuttle not ready for launch"
+   faultyItems.style.visibility = 'visible';
+   launchStatus.style.color = 'red';
+   faultyItems.innerHTML= `
+   <ol>
+       <li>Pilot: ${pilot.value} Ready</li>
+       <li>Co-pilot: ${copilot.value} Ready</li>
+       <li>Fuel high enough for launch</li>
+       <li>Cargo mass too high for launch</li>
+   </ol>
+
+`;
+event.preventDefault();
+      }
+ if( fuel.value > 10000 && cargo.value < 10000 ) {
+          launchStatus.innerHTML = "Shuttle is ready for launch";
+          launchStatus.style.color = "green";
+          faultyItems.style.visibility ='hidden';
+          event.preventDefault();
+      }
+    });
+   });

From d0b10bbdd9d9a9a2a0d8fd896cc0e1e5a8ab8da4 Mon Sep 17 00:00:00 2001
From: cbowser36 <72530740+cbowser36@users.noreply.github.com>
Date: Wed, 28 Oct 2020 19:05:04 -0500
Subject: [PATCH 2/4] Add files via upload

---
 index.html | 85 +++++++++++++++++++++++++++---------------------------
 1 file changed, 43 insertions(+), 42 deletions(-)

diff --git a/index.html b/index.html
index bc185ad2..322154f3 100644
--- a/index.html
+++ b/index.html
@@ -1,42 +1,43 @@
-<!DOCTYPE>
-<html>
-    <head>
-        <title>Launch Checklist</title>
-        <link rel = "stylesheet" type = "text/css" href = "styles.css" />
-        <script src = "script.js"></script>
-    </head>
-    <body>
-        <h1>Launch Checklist Form</h1>
-        <div id="missionTarget">
-            <!-- Fetch some planetary data -->
-        </div> 
-        <div id="launchForm">
-            <form>
-                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
-                    <label>Pilot Name <input type="text" name="pilotName" id="pilotName"/></label>
-                </div>
-                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
-                    <label>Co-pilot Name <input type="text" name="copilotName"/></label>
-                </div>
-                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
-                    <label>Fuel Level (L) <input type="text" name="fuelLevel"/></label> 
-                </div>
-                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
-                    <label>Cargo Mass (kg) <input type="text" name="cargoMass"/></label>
-                </div>
-                <button id="formSubmit">Submit</button>
-            </form>
-        </div>
-        <div id="launchStatusCheck">
-            <h2 id="launchStatus">Awaiting Information Before Launch</h2>
-            <div  id="faultyItems">
-                <ol>
-                    <li id="pilotStatus">Pilot Ready</li>
-                    <li id="copilotStatus">Co-pilot Ready</li>
-                    <li id="fuelStatus">Fuel level high enough for launch</li>
-                    <li id="cargoStatus">Cargo mass low enough for launch</li>
-                </ol>
-            </div>
-        </div>    
-    </body>
-</html>
+<!DOCTYPE>
+<html>
+    <head>
+        <title>Launch Checklist</title>
+        <link rel = "stylesheet" type = "text/css" href = "styles.css" />
+        <script src = "script.js"></script>
+    </head>
+    <body>
+        <h1>Launch Checklist Form</h1>
+        <div id="missionTarget">
+            
+            <!-- Fetch some planetary data -->
+        </div> 
+        <div id="launchForm">
+            <form>
+                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
+                    <label>Pilot Name <input type="text" name="pilotName" id="pilotName"/></label>
+                </div>
+                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
+                    <label>Co-pilot Name <input type="text" name="copilotName" id="copilotName"/></label>
+                </div>
+                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
+                    <label>Fuel Level (L) <input type="text" name="fuelLevel" id="fuelLevel"/></label> 
+                </div>
+                <div style="display:flex; flex-direction: row; justify-content: center; align-items: center; margin: 8 0;">
+                    <label>Cargo Mass (kg) <input type="text" name="cargoMass" id="cargoMass"/></label>
+                </div>
+                <button id="formSubmit">Submit</button>
+            </form>
+        </div>
+        <div id="launchStatusCheck">
+            <h2 id="launchStatus">Awaiting Information Before Launch</h2>
+            <div  id="faultyItems">
+                <ol>
+                    <li id="pilotStatus">Pilot Ready</li>
+                    <li id="copilotStatus">Co-pilot Ready</li>
+                    <li id="fuelStatus">Fuel level high enough for launch</li>
+                    <li id="cargoStatus">Cargo mass low enough for launch</li>
+                </ol>
+            </div>
+        </div>    
+    </body>
+</html>

From b0f69f54c919503f5d21ddcac09ec6be4b3d9c5c Mon Sep 17 00:00:00 2001
From: cbowser36 <72530740+cbowser36@users.noreply.github.com>
Date: Wed, 28 Oct 2020 19:06:21 -0500
Subject: [PATCH 3/4] Add files via upload

---
 styles.css | 106 ++++++++++++++++++++++++++---------------------------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/styles.css b/styles.css
index a2f31807..40d1f26f 100644
--- a/styles.css
+++ b/styles.css
@@ -1,53 +1,53 @@
-h1 {
-    text-align: center;
-}
-
-div {
-    text-align: left;
-}
-
-#faultyItems {
-    visibility: hidden;   
-}
-
-#launchForm {
-    background-color: #ECF0F1;
-    text-align: center;
-    margin: auto;
-    width: 25%;
-    border: 3px solid black;
-    padding: 10px;
-}
-
-#launchStatusCheck {
-    background-color: #ECF0F1;
-    text-align: center;
-    margin: 50px auto;
-    width: 50%;
-    border: 3px solid black;
-    padding: 10px;
-}
-
-#missionTarget img {
-    max-width: 40%;
-    max-height: 250px;
-}
-
-#missionTarget {
-    background-color: #ECF0F1;
-    text-align: center;
-    margin: 50px auto;
-    width: 50%;
-    border: 3px solid black;
-    padding: 10px;
-}
-
-button {
-    background-color: #419f6a;
-    border: none;
-    color: white;
-    border-radius: 8px;
-    width: 25%;
-    height: 30px;
-    margin: 10px 0;
-}
+h1 {
+    text-align: center;
+}
+
+div {
+    text-align: left;
+}
+
+#faultyItems {
+    visibility: hidden;   
+}
+
+#launchForm {
+    background-color: #ECF0F1;
+    text-align: center;
+    margin: auto;
+    width: 25%;
+    border: 3px solid black;
+    padding: 10px;
+}
+
+#launchStatusCheck {
+    background-color: #ECF0F1;
+    text-align: center;
+    margin: 50px auto;
+    width: 50%;
+    border: 3px solid black;
+    padding: 10px;
+}
+
+#missionTarget img {
+    max-width: 40%;
+    max-height: 250px;
+}
+
+#missionTarget {
+    background-color: #ECF0F1;
+    text-align: center;
+    margin: 50px auto;
+    width: 50%;
+    border: 3px solid black;
+    padding: 10px;
+}
+
+button {
+    background-color: #419f6a;
+    border: none;
+    color: white;
+    border-radius: 8px;
+    width: 25%;
+    height: 30px;
+    margin: 10px 0;
+}

From bacc660702e400ec3f1265467be4afe5a8bf52e2 Mon Sep 17 00:00:00 2001
From: cbowser36 <72530740+cbowser36@users.noreply.github.com>
Date: Wed, 28 Oct 2020 19:22:23 -0500
Subject: [PATCH 4/4] Add files via upload

---
 script.js | 172 +++++++++++++++++++++++++++---------------------------
 1 file changed, 87 insertions(+), 85 deletions(-)

diff --git a/script.js b/script.js
index 7bfd82cc..a33cb11c 100644
--- a/script.js
+++ b/script.js
@@ -1,85 +1,87 @@
-// Write your JavaScript code here!
-
-// {/* /* This block of code shows how to format the HTML once you fetch some planetary JSON!
-function randomizer(max){
-    return Math.floor(Math.random() * Math.floor(max));
-}
-
-window.addEventListener("load",function() {
-   let form = document.getElementById("launchForm")
-    form.addEventListener("submit",function(event){
-        fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) {
-            response.json().then( function(json) {
-                let i = randomizer(6);
-                const div = document.getElementById("missionTarget");
-                div.innerHTML= `
-                <h2>Mission Destination</h2>
-    <ol>
-       <li>Name: ${json[i].name}</li>
-       <li>Diameter: ${json[i].diameter}</li>
-       <li>Star: ${json[i].star}</li>
-       <li>Distance from Earth: ${json[i].distance}</li>
-       <li>Number of Moons: ${json[i].moons}</li>
-    </ol>
-    <img src="${json[i].image}">`
-            });
-        });
-let pilot = document.querySelector("input[name=pilotName]");
-let copilot = document.querySelector("input[name=copilotName]");
-let fuel = document.querySelector("input[name=fuelLevel]");
-let cargo =document.querySelector("input[name=cargoMass]"); 
-
-    if (pilot.value === "" || copilot.value === "" || fuel.value === "" || cargo.value === ""){
-        window.alert("All Fields are Required!");
-         event.preventDefault();
-     }else if(isNaN(fuel.value)||isNaN(cargo.value)){
-            window.alert("Please Enter a Number for Cargo and Fuel Levels!");
-            event.preventDefault();
-    }else if(isNaN(pilot.value) === false ||isNaN(copilot.value) === false){
-       window.alert("Please Enter a Valid Name for the Pilot and Copilot");
-       event.preventDefault();
-    }
-    });
- form.addEventListener("submit",function(event){
-    let pilot = document.querySelector("input[name=pilotName]");
-    let copilot = document.querySelector("input[name=copilotName]");
-    let fuel = document.querySelector("input[name=fuelLevel]");
-    let cargo =document.querySelector("input[name=cargoMass]"); 
- 
-      if (fuel.value < 10000 && fuel.value > 0){
-   launchStatus.innerHTML = "Shuttle not ready for launch"
-   faultyItems.style.visibility = 'visible';
-   launchStatus.style.color = 'red';
-   faultyItems.innerHTML= `
-   <ol>
-       <li>Pilot: ${pilot.value} Ready</li>
-       <li>Co-pilot: ${copilot.value} Ready</li>
-       <li>Fuel is too low for launch</li>
-       <li>Cargo mass low enough for launch</li>
-   </ol>
-
-`;
-event.preventDefault();
-}  else if (cargo.value > 10000){ 
-   launchStatus.innerHTML = "Shuttle not ready for launch"
-   faultyItems.style.visibility = 'visible';
-   launchStatus.style.color = 'red';
-   faultyItems.innerHTML= `
-   <ol>
-       <li>Pilot: ${pilot.value} Ready</li>
-       <li>Co-pilot: ${copilot.value} Ready</li>
-       <li>Fuel high enough for launch</li>
-       <li>Cargo mass too high for launch</li>
-   </ol>
-
-`;
-event.preventDefault();
-      }
- if( fuel.value > 10000 && cargo.value < 10000 ) {
-          launchStatus.innerHTML = "Shuttle is ready for launch";
-          launchStatus.style.color = "green";
-          faultyItems.style.visibility ='hidden';
-          event.preventDefault();
-      }
-    });
-   });
+// Write your JavaScript code here!
+
+// {/* /* This block of code shows how to format the HTML once you fetch some planetary JSON!
+function randomizer(max){
+    return Math.floor(Math.random() * Math.floor(max));
+}
+
+window.addEventListener("load",function() {
+   let form = document.getElementById("launchForm")
+    form.addEventListener("submit",function(event){
+        fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) {
+            response.json().then( function(json) {
+                let i = randomizer(6);
+                const div = document.getElementById("missionTarget");
+                div.innerHTML= `
+                <h2>Mission Destination</h2>
+    <ol>
+       <li>Name: ${json[i].name}</li>
+       <li>Diameter: ${json[i].diameter}</li>
+       <li>Star: ${json[i].star}</li>
+       <li>Distance from Earth: ${json[i].distance}</li>
+       <li>Number of Moons: ${json[i].moons}</li>
+    </ol>
+    <img src="${json[i].image}">`
+            });
+        });
+let pilot = document.querySelector("input[name=pilotName]");
+let copilot = document.querySelector("input[name=copilotName]");
+let fuel = document.querySelector("input[name=fuelLevel]");
+let cargo =document.querySelector("input[name=cargoMass]"); 
+
+    if (pilot.value === "" || copilot.value === "" || fuel.value === "" || cargo.value === ""){
+        window.alert("All Fields are Required!");
+         event.preventDefault();
+     }else if(isNaN(fuel.value)||isNaN(cargo.value)){
+            window.alert("Please Enter a Number for Cargo and Fuel Levels!");
+            event.preventDefault();
+    }else if(isNaN(pilot.value) === false ||isNaN(copilot.value) === false){
+       window.alert("Please Enter a Valid Name for the Pilot and Copilot");
+       event.preventDefault();
+    }
+    });
+ form.addEventListener("submit",function(event){
+    let pilot = document.querySelector("input[name=pilotName]");
+    let copilot = document.querySelector("input[name=copilotName]");
+    let fuel = document.querySelector("input[name=fuelLevel]");
+    let cargo =document.querySelector("input[name=cargoMass]"); 
+ 
+      if (fuel.value < 10000 && fuel.value > 0){
+   launchStatus.innerHTML = "Shuttle not ready for launch"
+   faultyItems.style.visibility = 'visible';
+   launchStatus.style.color = 'red';
+   faultyItems.innerHTML= `
+   <ol>
+       <li>Pilot: ${pilot.value} Ready</li>
+       <li>Co-pilot: ${copilot.value} Ready</li>
+       <li>Fuel is too low for launch</li>
+       <li>Cargo mass low enough for launch</li>
+   </ol>
+
+`;
+event.preventDefault();
+}  else if (cargo.value > 10000){ 
+   launchStatus.innerHTML = "Shuttle not ready for launch"
+   faultyItems.style.visibility = 'visible';
+   launchStatus.style.color = 'red';
+   faultyItems.innerHTML= `
+   <ol>
+       <li>Pilot: ${pilot.value} Ready</li>
+       <li>Co-pilot: ${copilot.value} Ready</li>
+       <li>Fuel high enough for launch</li>
+       <li>Cargo mass too high for launch</li>
+   </ol>
+
+`;
+event.preventDefault();
+      }
+ if( fuel.value > 10000 && cargo.value < 10000 ) {
+          launchStatus.innerHTML = "Shuttle is ready for launch";
+          launchStatus.style.color = "green";
+          faultyItems.style.visibility ='hidden';
+          event.preventDefault();
+      }
+    });
+   });
+
+