From f756ef5fefb27b0612e023ba3970c81cfbddec8d Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Fri, 17 Jul 2020 19:18:13 -0500 Subject: [PATCH 01/19] added validation for blanks and numbers --- script.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/script.js b/script.js index 8d2e0821..7bea3d83 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,24 @@ // Write your JavaScript code here! +window.addEventListener("load", function() { + let form = document.querySelector("form"); + form.addEventListener("submit", function(event) { + let pilotName = document.querySelector("input[name=pilotName]"); + let copilotName = document.querySelector("input[name=copilotName]"); + let fuelLevel = document.querySelector("input[name=fuelLevel]"); + let cargoMass = document.querySelector("input[name=cargoMass]"); + if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + alert("All fields are required!"); + event.preventDefault(); + } + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Fuel Level and Cargo Mass must be numbers") + event.preventDefault(); + } + }); +}); + + + /* This block of code shows how to format the HTML once you fetch some planetary JSON!

Mission Destination

From 5020493bf964d31e500ea4901bce0c3ebc61d781 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Fri, 17 Jul 2020 19:32:38 -0500 Subject: [PATCH 02/19] all validation input complete --- script.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/script.js b/script.js index 7bea3d83..d31f931a 100644 --- a/script.js +++ b/script.js @@ -14,6 +14,10 @@ window.addEventListener("load", function() { alert("Fuel Level and Cargo Mass must be numbers") event.preventDefault(); } + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { + alert("Pilot names must be letters only") + event.preventDefault(); + } }); }); From b1ea3b3d1ca0525ecaa8d49b0b9ffb1565177d0e Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Fri, 17 Jul 2020 21:29:24 -0500 Subject: [PATCH 03/19] update launch info area partial complete --- script.js | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/script.js b/script.js index d31f931a..04df2b77 100644 --- a/script.js +++ b/script.js @@ -1,11 +1,11 @@ // Write your JavaScript code here! window.addEventListener("load", function() { - let form = document.querySelector("form"); + const form = document.querySelector("form"); form.addEventListener("submit", function(event) { - let pilotName = document.querySelector("input[name=pilotName]"); - let copilotName = document.querySelector("input[name=copilotName]"); - let fuelLevel = document.querySelector("input[name=fuelLevel]"); - let cargoMass = document.querySelector("input[name=cargoMass]"); + const pilotName = document.querySelector("input[name=pilotName]"); + const copilotName = document.querySelector("input[name=copilotName]"); + const fuelLevel = document.querySelector("input[name=fuelLevel]"); + const cargoMass = document.querySelector("input[name=cargoMass]"); if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { alert("All fields are required!"); event.preventDefault(); @@ -14,15 +14,38 @@ window.addEventListener("load", function() { alert("Fuel Level and Cargo Mass must be numbers") event.preventDefault(); } + if (fuelLevel.value < 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + } + if (cargoMass.value > 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + } if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { alert("Pilot names must be letters only") event.preventDefault(); } + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; + document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; + // document.getElementById("faultyItems").innerHTML =`
  • ${pilotName.value} Ready
  • ${copilotName.value} Ready
  • Fuel level high enough for launch
  • Cargo mass low enough for launch
  • `; }); + }); - +event.preventDefault(); /* This block of code shows how to format the HTML once you fetch some planetary JSON!

    Mission Destination

    From 2f6a6ec2d2b5c23be81a7119fb1e2d99b99c5cf0 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Fri, 17 Jul 2020 22:27:26 -0500 Subject: [PATCH 04/19] updates --- script.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/script.js b/script.js index 04df2b77..675e7495 100644 --- a/script.js +++ b/script.js @@ -31,6 +31,8 @@ window.addEventListener("load", function() { event.preventDefault(); }else{ document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + document.getElementById("launchStatus").style.color ="green"; + document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; } if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { alert("Pilot names must be letters only") @@ -40,8 +42,11 @@ window.addEventListener("load", function() { document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; // document.getElementById("faultyItems").innerHTML =`
  • ${pilotName.value} Ready
  • ${copilotName.value} Ready
  • Fuel level high enough for launch
  • Cargo mass low enough for launch
  • `; + document.getElementById("launchStatus").style.color ="green"; + document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; }); - + // document.getElementById("launchStatus").style.color ="green"; + // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; }); From 6a239ebb51827f4a06576087f0fa9f80394d7bab Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Tue, 21 Jul 2020 12:31:22 -0500 Subject: [PATCH 05/19] updates --- script.js | 29 ++++++++++++++++++----------- 1 file changed, 18 insertions(+), 11 deletions(-) diff --git a/script.js b/script.js index 675e7495..c98db54a 100644 --- a/script.js +++ b/script.js @@ -1,7 +1,13 @@ // Write your JavaScript code here! window.addEventListener("load", function() { - const form = document.querySelector("form"); - form.addEventListener("submit", function(event) { + fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { + response.json().then( function(json) { + console.log(json) + }) + } + + const form = document.querySelector("form"); + form.addEventListener("submit", function(event) { const pilotName = document.querySelector("input[name=pilotName]"); const copilotName = document.querySelector("input[name=copilotName]"); const fuelLevel = document.querySelector("input[name=fuelLevel]"); @@ -14,8 +20,9 @@ window.addEventListener("load", function() { alert("Fuel Level and Cargo Mass must be numbers") event.preventDefault(); } + if (fuelLevel.value < 10000) { - document.getElementById("faultyItems").style.visibility = "visible"; + // document.getElementById("faultyItems").style.visibility = "visible"; document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; document.getElementById("launchStatus").style.color = "red"; document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` @@ -23,34 +30,34 @@ window.addEventListener("load", function() { }else{ document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; } + if (cargoMass.value > 10000) { - document.getElementById("faultyItems").style.visibility = "visible"; + // document.getElementById("faultyItems").style.visibility = "visible"; document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; document.getElementById("launchStatus").style.color = "red"; document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` event.preventDefault(); }else{ document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - document.getElementById("launchStatus").style.color ="green"; - document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; } + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { alert("Pilot names must be letters only") event.preventDefault(); } - // document.getElementById("faultyItems").style.visibility = "visible"; + + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - // document.getElementById("faultyItems").innerHTML =`
  • ${pilotName.value} Ready
  • ${copilotName.value} Ready
  • Fuel level high enough for launch
  • Cargo mass low enough for launch
  • `; - document.getElementById("launchStatus").style.color ="green"; - document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + }); // document.getElementById("launchStatus").style.color ="green"; // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + ) }); -event.preventDefault(); +// event.preventDefault(); /* This block of code shows how to format the HTML once you fetch some planetary JSON!

    Mission Destination

    From d87d110ea2700ae2267c3ece94805dd430a7a1f8 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Tue, 21 Jul 2020 12:42:31 -0500 Subject: [PATCH 06/19] updates --- script.js | 126 +++++++++++++++++++++++++++--------------------------- 1 file changed, 63 insertions(+), 63 deletions(-) diff --git a/script.js b/script.js index c98db54a..ab1c7e6f 100644 --- a/script.js +++ b/script.js @@ -2,71 +2,71 @@ window.addEventListener("load", function() { fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { response.json().then( function(json) { - console.log(json) - }) - } - - const form = document.querySelector("form"); - form.addEventListener("submit", function(event) { - const pilotName = document.querySelector("input[name=pilotName]"); - const copilotName = document.querySelector("input[name=copilotName]"); - const fuelLevel = document.querySelector("input[name=fuelLevel]"); - const cargoMass = document.querySelector("input[name=cargoMass]"); - if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { - alert("All fields are required!"); - event.preventDefault(); - } - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { - alert("Fuel Level and Cargo Mass must be numbers") - event.preventDefault(); - } - - if (fuelLevel.value < 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - } - - if (cargoMass.value > 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - } - - if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { - alert("Pilot names must be letters only") - event.preventDefault(); - } - - - document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; - document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; + const missionTarget = document.getElementById("missionTarget"); + missionTarget.innerHTML = ` +

    Mission Destination

    +
      +
    1. Name: ${json[0].name}
    2. +
    3. Diameter: ${json[0].diameter}
    4. +
    5. Star: ${json[0].star}
    6. +
    7. Distance from Earth: ${json[0].distance}
    8. +
    9. Number of Moons: ${json[0].moons}
    10. +
    + + ` + const form = document.querySelector("form"); + form.addEventListener("submit", function(event) { + const pilotName = document.querySelector("input[name=pilotName]"); + const copilotName = document.querySelector("input[name=copilotName]"); + const fuelLevel = document.querySelector("input[name=fuelLevel]"); + const cargoMass = document.querySelector("input[name=cargoMass]"); + if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + alert("All fields are required!"); + event.preventDefault(); + } + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Fuel Level and Cargo Mass must be numbers") + event.preventDefault(); + } + + if (fuelLevel.value < 10000) { + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + } + + if (cargoMass.value > 10000) { + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + } + + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { + alert("Pilot names must be letters only") + event.preventDefault(); + } + + + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; + document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; + + }); + // document.getElementById("launchStatus").style.color ="green"; + // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; }); - // document.getElementById("launchStatus").style.color ="green"; - // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; - ) -}); + }); + -// event.preventDefault(); -/* This block of code shows how to format the HTML once you fetch some planetary JSON! -

    Mission Destination

    -
      -
    1. Name: ${}
    2. -
    3. Diameter: ${}
    4. -
    5. Star: ${}
    6. -
    7. Distance from Earth: ${}
    8. -
    9. Number of Moons: ${}
    10. -
    - -*/ +// event.preventDefault(); +}); From a4698b836b1d7b62be70cfe86528999131cdc6fe Mon Sep 17 00:00:00 2001 From: Mitch Johnston Date: Tue, 21 Jul 2020 18:30:16 -0500 Subject: [PATCH 07/19] updates --- script.js | 111 +++++++++++++++++++++++++++++------------------------- 1 file changed, 59 insertions(+), 52 deletions(-) diff --git a/script.js b/script.js index ab1c7e6f..c2d78b7a 100644 --- a/script.js +++ b/script.js @@ -1,58 +1,67 @@ // Write your JavaScript code here! -window.addEventListener("load", function() { - fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { - response.json().then( function(json) { - const missionTarget = document.getElementById("missionTarget"); - missionTarget.innerHTML = ` -

    Mission Destination

    -
      -
    1. Name: ${json[0].name}
    2. -
    3. Diameter: ${json[0].diameter}
    4. -
    5. Star: ${json[0].star}
    6. -
    7. Distance from Earth: ${json[0].distance}
    8. -
    9. Number of Moons: ${json[0].moons}
    10. -
    - - ` +// window.addEventListener("load", function() { +// fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { +// response.json().then( function(json) { +// const missionTarget = document.getElementById("missionTarget"); +// missionTarget.innerHTML = ` +//

    Mission Destination

    +//
      +//
    1. Name: ${json[0].name}
    2. +//
    3. Diameter: ${json[0].diameter}
    4. +//
    5. Star: ${json[0].star}
    6. +//
    7. Distance from Earth: ${json[0].distance}
    8. +//
    9. Number of Moons: ${json[0].moons}
    10. +//
    +// +// ` +// }); +// event.preventDefault(); +// }); +// }); + + + + /* ALERTS */ + wiindow.addEventListener("load", function() { const form = document.querySelector("form"); form.addEventListener("submit", function(event) { - const pilotName = document.querySelector("input[name=pilotName]"); - const copilotName = document.querySelector("input[name=copilotName]"); - const fuelLevel = document.querySelector("input[name=fuelLevel]"); - const cargoMass = document.querySelector("input[name=cargoMass]"); - if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { - alert("All fields are required!"); - event.preventDefault(); - } - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { - alert("Fuel Level and Cargo Mass must be numbers") - event.preventDefault(); - } + const pilotName = document.querySelector("input[name=pilotName]"); + const copilotName = document.querySelector("input[name=copilotName]"); + const fuelLevel = document.querySelector("input[name=fuelLevel]"); + const cargoMass = document.querySelector("input[name=cargoMass]"); + if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + alert("All fields are required!"); + event.preventDefault(); + } + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Fuel Level and Cargo Mass must be numbers") + event.preventDefault(); + } - if (fuelLevel.value < 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - } + if (fuelLevel.value < 10000) { + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + } - if (cargoMass.value > 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - } + if (cargoMass.value > 10000) { + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + } - if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { - alert("Pilot names must be letters only") - event.preventDefault(); - } + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { + alert("Pilot names must be letters only") + event.preventDefault(); + } document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; @@ -63,10 +72,8 @@ window.addEventListener("load", function() { // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; }); - }); + -// event.preventDefault(); -}); From 9ea2e5c9cbdcb5f343cd0a4d3065e05233f872fd Mon Sep 17 00:00:00 2001 From: Mitch Johnston Date: Wed, 22 Jul 2020 13:23:54 -0500 Subject: [PATCH 08/19] updated branch --- Launch-Checklist-Form | 1 + script.js | 127 ++++++++++++++++++------------------------ 2 files changed, 56 insertions(+), 72 deletions(-) create mode 160000 Launch-Checklist-Form diff --git a/Launch-Checklist-Form b/Launch-Checklist-Form new file mode 160000 index 00000000..a4698b83 --- /dev/null +++ b/Launch-Checklist-Form @@ -0,0 +1 @@ +Subproject commit a4698b836b1d7b62be70cfe86528999131cdc6fe diff --git a/script.js b/script.js index c2d78b7a..715ca2e0 100644 --- a/script.js +++ b/script.js @@ -1,79 +1,62 @@ // Write your JavaScript code here! -// window.addEventListener("load", function() { -// fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { -// response.json().then( function(json) { -// const missionTarget = document.getElementById("missionTarget"); -// missionTarget.innerHTML = ` -//

    Mission Destination

    -//
      -//
    1. Name: ${json[0].name}
    2. -//
    3. Diameter: ${json[0].diameter}
    4. -//
    5. Star: ${json[0].star}
    6. -//
    7. Distance from Earth: ${json[0].distance}
    8. -//
    9. Number of Moons: ${json[0].moons}
    10. -//
    -// -// ` -// }); -// event.preventDefault(); -// }); -// }); +window.addEventListener("load", function() { + const form = document.querySelector("form"); + form.addEventListener("submit", function(event) { + const pilotName = document.querySelector("input[name=pilotName]"); + const copilotName = document.querySelector("input[name=copilotName]"); + const fuelLevel = document.querySelector("input[name=fuelLevel]"); + const cargoMass = document.querySelector("input[name=cargoMass]"); + if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + alert("All fields are required!"); + event.preventDefault(); + } + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Fuel Level and Cargo Mass must be numbers") + event.preventDefault(); + } + if (fuelLevel.value < 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + } + if (cargoMass.value > 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + document.getElementById("launchStatus").style.color ="green"; + document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + } + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { + alert("Pilot names must be letters only") + event.preventDefault(); + } + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; + document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - - - /* ALERTS */ - wiindow.addEventListener("load", function() { - const form = document.querySelector("form"); - form.addEventListener("submit", function(event) { - const pilotName = document.querySelector("input[name=pilotName]"); - const copilotName = document.querySelector("input[name=copilotName]"); - const fuelLevel = document.querySelector("input[name=fuelLevel]"); - const cargoMass = document.querySelector("input[name=cargoMass]"); - if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { - alert("All fields are required!"); - event.preventDefault(); - } - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { - alert("Fuel Level and Cargo Mass must be numbers") - event.preventDefault(); - } - - if (fuelLevel.value < 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - } - - if (cargoMass.value > 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - } - - if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { - alert("Pilot names must be letters only") - event.preventDefault(); - } - - - document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; - document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - - }); - // document.getElementById("launchStatus").style.color ="green"; - // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; - }); - +}); +event.preventDefault(); +/* This block of code shows how to format the HTML once you fetch some planetary JSON! +

    Mission Destination

    +
      +
    1. Name: ${}
    2. +
    3. Diameter: ${}
    4. +
    5. Star: ${}
    6. +
    7. Distance from Earth: ${}
    8. +
    9. Number of Moons: ${}
    10. +
    + +*/ \ No newline at end of file From 0030fc20c25c8d9c561b648b3f3765e2940db52d Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 18:04:00 -0500 Subject: [PATCH 09/19] updates --- script.js | 126 ++++++++++++++++++++++++------------------------------ 1 file changed, 55 insertions(+), 71 deletions(-) diff --git a/script.js b/script.js index c2d78b7a..182080b5 100644 --- a/script.js +++ b/script.js @@ -1,79 +1,63 @@ // Write your JavaScript code here! -// window.addEventListener("load", function() { -// fetch("https://handlers.education.launchcode.org/static/planets.json").then( function(response) { -// response.json().then( function(json) { -// const missionTarget = document.getElementById("missionTarget"); -// missionTarget.innerHTML = ` -//

    Mission Destination

    -//
      -//
    1. Name: ${json[0].name}
    2. -//
    3. Diameter: ${json[0].diameter}
    4. -//
    5. Star: ${json[0].star}
    6. -//
    7. Distance from Earth: ${json[0].distance}
    8. -//
    9. Number of Moons: ${json[0].moons}
    10. -//
    -// -// ` -// }); -// event.preventDefault(); -// }); -// }); +const pilotName = document.querySelector("input[name=pilotName]"); +const copilotName = document.querySelector("input[name=copilotName]"); +const fuelLevel = document.querySelector("input[name=fuelLevel]"); +const cargoMass = document.querySelector("input[name=cargoMass]"); +const form = document.querySelector("form"); +window.addEventListener("load", function() { + form.addEventListener("submit", function(event) { + if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + alert("All fields are required!"); + event.preventDefault(); + } + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Enter valid information in all fields.") + event.preventDefault(); + } + if (fuelLevel.value < 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + // event.preventDefault(); + }else{ + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + } + if (cargoMass.value > 10000) { + document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("launchStatus").style.color = "red"; + document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + event.preventDefault(); + }else{ + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + document.getElementById("launchStatus").style.color ="green"; + document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + } + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { + alert("Pilot names must be letters only") + // event.preventDefault(); + } + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; + document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - - /* ALERTS */ - wiindow.addEventListener("load", function() { - const form = document.querySelector("form"); - form.addEventListener("submit", function(event) { - const pilotName = document.querySelector("input[name=pilotName]"); - const copilotName = document.querySelector("input[name=copilotName]"); - const fuelLevel = document.querySelector("input[name=fuelLevel]"); - const cargoMass = document.querySelector("input[name=cargoMass]"); - if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { - alert("All fields are required!"); - event.preventDefault(); - } - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { - alert("Fuel Level and Cargo Mass must be numbers") - event.preventDefault(); - } - - if (fuelLevel.value < 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - } - - if (cargoMass.value > 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - } - - if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { - alert("Pilot names must be letters only") - event.preventDefault(); - } - - - document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; - document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - - }); - // document.getElementById("launchStatus").style.color ="green"; - // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + // event.preventDefault(); }); - - +}); +/* This block of code shows how to format the HTML once you fetch some planetary JSON! +

    Mission Destination

    +
      +
    1. Name: ${}
    2. +
    3. Diameter: ${}
    4. +
    5. Star: ${}
    6. +
    7. Distance from Earth: ${}
    8. +
    9. Number of Moons: ${}
    10. +
    + +*/ \ No newline at end of file From 23d1dd0bcfa9fb194bdbc598f4235097220362e5 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 18:40:17 -0500 Subject: [PATCH 10/19] updates --- script.js | 31 +++++++++++++++++++------------ 1 file changed, 19 insertions(+), 12 deletions(-) diff --git a/script.js b/script.js index 715ca2e0..80b6b13c 100644 --- a/script.js +++ b/script.js @@ -14,40 +14,47 @@ window.addEventListener("load", function() { alert("Fuel Level and Cargo Mass must be numbers") event.preventDefault(); } - if (fuelLevel.value < 10000) { - document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + + if (cargoMass.value > 10000) { + // document.getElementById("faultyItems").style.visibility = "visible"; + document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; document.getElementById("launchStatus").style.color = "red"; document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` event.preventDefault(); }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; } - if (cargoMass.value > 10000) { + + if (fuelLevel.value < 10000) { document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; document.getElementById("launchStatus").style.color = "red"; document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` event.preventDefault(); }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; document.getElementById("launchStatus").style.color ="green"; document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; } + + if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { alert("Pilot names must be letters only") + document.getElementById("pilotStatus").innerHTML = `NOT Ready`; + document.getElementById("copilotStatus").innerHTML = `NOT Ready`; event.preventDefault(); + }else{ + document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; + document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; + + // document.getElementById("faultyItems").style.visibility = "visible"; } - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; - document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; }); - + //add FETCH HERE******* }); -event.preventDefault(); /* This block of code shows how to format the HTML once you fetch some planetary JSON!

    Mission Destination

    From 8ef6d3d7bcef3b6a15a110d3394614b6daf32dcc Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 20:19:37 -0500 Subject: [PATCH 11/19] updates --- script.js | 105 +++++++++++++++++++++++++++--------------------------- 1 file changed, 52 insertions(+), 53 deletions(-) diff --git a/script.js b/script.js index 80b6b13c..c9bf31b7 100644 --- a/script.js +++ b/script.js @@ -1,69 +1,68 @@ // Write your JavaScript code here! +const originalFaulty = document.getElementById("faultyItems"); + window.addEventListener("load", function() { const form = document.querySelector("form"); - form.addEventListener("submit", function(event) { + const submit = document.getElementById("formSubmit"); + + /* SUBMIT BUTTON LISTENER */ + form.addEventListener("submit", function(submit) { const pilotName = document.querySelector("input[name=pilotName]"); const copilotName = document.querySelector("input[name=copilotName]"); const fuelLevel = document.querySelector("input[name=fuelLevel]"); const cargoMass = document.querySelector("input[name=cargoMass]"); + + /* BLANK FIELDS CHECK */ if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { alert("All fields are required!"); - event.preventDefault(); + submit.preventDefault(); } - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { - alert("Fuel Level and Cargo Mass must be numbers") - event.preventDefault(); + + /* NUMBER ON LEVELS CHECK */ + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + alert("Enter Valid Information for each field, please.") + submit.preventDefault(); } - if (cargoMass.value > 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - } + // if (cargoMass.value > 10000 && !(isNaN(cargoMass.value)) === false) { + // document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; + // document.getElementById("launchStatus").style.color = "red"; + // document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + // submit.preventDefault(); + // }else{ + // document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; + // } - if (fuelLevel.value < 10000) { - document.getElementById("faultyItems").style.visibility = "visible"; - document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - document.getElementById("launchStatus").style.color = "red"; - document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - event.preventDefault(); - }else{ - document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - document.getElementById("launchStatus").style.color ="green"; - document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; - } - - - if (typeof pilotName.value !== "string" || typeof copilotName.value !== "string" ) { - alert("Pilot names must be letters only") - document.getElementById("pilotStatus").innerHTML = `NOT Ready`; - document.getElementById("copilotStatus").innerHTML = `NOT Ready`; - event.preventDefault(); - }else{ - document.getElementById("pilotStatus").innerHTML = `${pilotName.value} Ready`; - document.getElementById("copilotStatus").innerHTML = `${copilotName.value} Ready`; - - // document.getElementById("faultyItems").style.visibility = "visible"; - } + // if (fuelLevel.value < 10000 && !(isNaN(fuelLevel.value)) === false) { + // document.getElementById("faultyItems").style.visibility = "visible"; + // document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; + // document.getElementById("launchStatus").style.color = "red"; + // document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` + // }else{ + // document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; + // document.getElementById("launchStatus").style.color ="green"; + // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; + // } + // submit.preventDefault(); }); - //add FETCH HERE******* -}); + /* FETCH PLANETARY JSON */ + fetch("https://handlers.education.launchcode.org/static/planets.json").then(function(response) { + response.json().then(function(json) { + const missionTarget = document.getElementById("missionTarget"); + const targetRandomizer = Math.floor(Math.random() * json.length); + missionTarget.innerHTML = ` +

    Mission Destination

    +
      +
    1. Name: ${json[targetRandomizer].name}
    2. +
    3. Diameter: ${json[targetRandomizer].diameter}
    4. +
    5. Star: ${json[targetRandomizer].star}
    6. +
    7. Distance from Earth: ${json[targetRandomizer].distance}
    8. +
    9. Number of Moons: ${json[targetRandomizer].moons}
    10. +
    + + ` - - -/* This block of code shows how to format the HTML once you fetch some planetary JSON! -

    Mission Destination

    -
      -
    1. Name: ${}
    2. -
    3. Diameter: ${}
    4. -
    5. Star: ${}
    6. -
    7. Distance from Earth: ${}
    8. -
    9. Number of Moons: ${}
    10. -
    - -*/ \ No newline at end of file + }); + }); +}); \ No newline at end of file From 56d974b623b20cfd15ce4e617c528415d37d87d2 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 20:31:03 -0500 Subject: [PATCH 12/19] updated again --- script.js | 1 + 1 file changed, 1 insertion(+) diff --git a/script.js b/script.js index 1f356bf1..d542fc4b 100644 --- a/script.js +++ b/script.js @@ -66,3 +66,4 @@ window.addEventListener("load", function() { }); }); }); +/*NOTES AT THE BOTTOM */ \ No newline at end of file From 33e8ba8fd0fcd438433afea609bb3153fe2c9cbd Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 22:19:00 -0500 Subject: [PATCH 13/19] updates --- script.js | 50 ++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 46 insertions(+), 4 deletions(-) diff --git a/script.js b/script.js index d542fc4b..3cb68489 100644 --- a/script.js +++ b/script.js @@ -1,5 +1,4 @@ // Write your JavaScript code here! -const originalFaulty = document.getElementById("faultyItems"); window.addEventListener("load", function() { const form = document.querySelector("form"); @@ -11,6 +10,11 @@ window.addEventListener("load", function() { const copilotName = document.querySelector("input[name=copilotName]"); const fuelLevel = document.querySelector("input[name=fuelLevel]"); const cargoMass = document.querySelector("input[name=cargoMass]"); + const pilotStatus = document.getElementById("pilotStatus"); + const copilotStatus = document.getElementById("copilotStatus"); + const cargoStatus = document.getElementById("cargoStatus"); + const fuelStatus = document.getElementById("fuelStatus"); + const launchStatus = document.getElementById("launchStatus"); /* BLANK FIELDS CHECK */ if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { @@ -18,13 +22,51 @@ window.addEventListener("load", function() { submit.preventDefault(); } + /*PILOT NAME PLACEMENT */ + if (pilotName.value === ""){ + pilotStatus.innerHTML ="PILOT NOT SELECTED"; + submit.preventDefault(); + }else{ + pilotStatus.innerHTML = `${pilotName.value} is ready for Launch`; + } + if(copilotName.value ===""){ + copilotStatus.innerHTML ="COPILOT NOT SELECTED"; + submit.preventDefault(); + }else{ + copilotStatus.innerHTML = `${copilotName.value} is ready for Launch`; + } + /* NUMBER ON LEVELS CHECK */ - if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { alert("Enter Valid Information for each field, please.") submit.preventDefault(); + } + if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + document.getElementById("faultyItems").style.visibility = "visible"; + launchStatus.innerHTML = `Shuttle not ready for launch`; + launchStatus.style.color = "red"; + submit.preventDefault(); + }else{ + launchStatus.innerHTML = `Shuttle ready for launch`; + launchStatus.style.color = "green"; } - // if (cargoMass.value > 10000 && !(isNaN(cargoMass.value)) === false) { + if(fuelLevel.value < 10000){ + fuelStatus.innerHTML = `Fuel level too low for launch`; + submit.preventDefault(); + }else{ + fuelStatus.innerHTML = `Fuel level high enough for launch`; + + } + + if(cargoMass.value > 10000){ + cargoStatus.innerHTML = `Cargo mass too high for launch`; + submit.preventDefault(); + }else{ + cargoStatus.innerHTML = `Cargo mass low enough for launch`; + + } + // if (cargoMass.value > 10000) { // document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; // document.getElementById("launchStatus").style.color = "red"; // document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` @@ -33,7 +75,7 @@ window.addEventListener("load", function() { // document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; // } - // if (fuelLevel.value < 10000 && !(isNaN(fuelLevel.value)) === false) { + // if (fuelLevel.value < 10000) { // document.getElementById("faultyItems").style.visibility = "visible"; // document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; // document.getElementById("launchStatus").style.color = "red"; From dc6c05c7f9689097589c9def713e68d8d07fe7be Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Wed, 22 Jul 2020 22:21:35 -0500 Subject: [PATCH 14/19] updates again --- script.js | 21 --------------------- 1 file changed, 21 deletions(-) diff --git a/script.js b/script.js index 3cb68489..3d972a50 100644 --- a/script.js +++ b/script.js @@ -66,27 +66,6 @@ window.addEventListener("load", function() { cargoStatus.innerHTML = `Cargo mass low enough for launch`; } - // if (cargoMass.value > 10000) { - // document.getElementById("cargoStatus").innerHTML = 'Too much mass for shuttle to take off (must be less than 10k kg)'; - // document.getElementById("launchStatus").style.color = "red"; - // document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - // submit.preventDefault(); - // }else{ - // document.getElementById("cargoStatus").innerHTML = 'Cargo mass low enough for launch'; - // } - - // if (fuelLevel.value < 10000) { - // document.getElementById("faultyItems").style.visibility = "visible"; - // document.getElementById("fuelStatus").innerHTML = `Not enough Fuel for Journey (must be 10k liters or more)`; - // document.getElementById("launchStatus").style.color = "red"; - // document.getElementById("launchStatus").innerHTML = `Shuttle not ready for launch` - // }else{ - // document.getElementById("fuelStatus").innerHTML = `Fuel level high enough for launch`; - // document.getElementById("launchStatus").style.color ="green"; - // document.getElementById("launchStatus").innerHTML = `Shuttle is ready for launch`; - // } - // submit.preventDefault(); - }); /* FETCH PLANETARY JSON */ fetch("https://handlers.education.launchcode.org/static/planets.json").then(function(response) { From 3a6e46044aa114fd6d8d1b5314e7673bcfc29179 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Sat, 25 Jul 2020 20:04:53 -0500 Subject: [PATCH 15/19] updates --- script.js | 35 +++++++++++++++++++++++++---------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/script.js b/script.js index 3d972a50..dfc9ff71 100644 --- a/script.js +++ b/script.js @@ -23,29 +23,44 @@ window.addEventListener("load", function() { } /*PILOT NAME PLACEMENT */ - if (pilotName.value === ""){ - pilotStatus.innerHTML ="PILOT NOT SELECTED"; + function allLetter(inputtxt) { + const letters = /^[A-Za-z]+$/; + if(inputtxt.value.match(letters)) { + return true; + }else{ + return false; + } + }; + + if ((allLetter(pilotName)) || (allLetter(copilotName)) === false) { + alert("Please only use letters for designating Pilot & CoPilot"); submit.preventDefault(); + } + + if ((allLetter(pilotName))=== false) { + pilotStatus.innerHTML ="PILOT NOT SELECTED"; }else{ pilotStatus.innerHTML = `${pilotName.value} is ready for Launch`; } - if(copilotName.value ===""){ + + if((allLetter(copilotName))=== false) { copilotStatus.innerHTML ="COPILOT NOT SELECTED"; - submit.preventDefault(); }else{ copilotStatus.innerHTML = `${copilotName.value} is ready for Launch`; } - + /* NUMBER ON LEVELS CHECK */ if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { alert("Enter Valid Information for each field, please.") submit.preventDefault(); - } - if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + }else{ document.getElementById("faultyItems").style.visibility = "visible"; + } + + if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + // document.getElementById("faultyItems").style.visibility = "visible"; launchStatus.innerHTML = `Shuttle not ready for launch`; launchStatus.style.color = "red"; - submit.preventDefault(); }else{ launchStatus.innerHTML = `Shuttle ready for launch`; launchStatus.style.color = "green"; @@ -56,7 +71,6 @@ window.addEventListener("load", function() { submit.preventDefault(); }else{ fuelStatus.innerHTML = `Fuel level high enough for launch`; - } if(cargoMass.value > 10000){ @@ -64,8 +78,9 @@ window.addEventListener("load", function() { submit.preventDefault(); }else{ cargoStatus.innerHTML = `Cargo mass low enough for launch`; - } + + }); /* FETCH PLANETARY JSON */ fetch("https://handlers.education.launchcode.org/static/planets.json").then(function(response) { From cb5031f75833748a89d50602f685c5b3c0de34b0 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Sat, 25 Jul 2020 21:43:52 -0500 Subject: [PATCH 16/19] FINALIZED --- script.js | 48 ++++++++++++++++++++++++++++-------------------- 1 file changed, 28 insertions(+), 20 deletions(-) diff --git a/script.js b/script.js index dfc9ff71..d2bcf29d 100644 --- a/script.js +++ b/script.js @@ -18,9 +18,13 @@ window.addEventListener("load", function() { /* BLANK FIELDS CHECK */ if (pilotName.value === "" || copilotName.value === "" || fuelLevel.value === "" || cargoMass.value === "") { + document.getElementById("faultyItems").style.visibility = "hidden"; alert("All fields are required!"); submit.preventDefault(); + }else{ + document.getElementById("faultyItems").style.visibility ="visible" } + /*PILOT NAME PLACEMENT */ function allLetter(inputtxt) { @@ -31,55 +35,59 @@ window.addEventListener("load", function() { return false; } }; - - if ((allLetter(pilotName)) || (allLetter(copilotName)) === false) { - alert("Please only use letters for designating Pilot & CoPilot"); - submit.preventDefault(); - } if ((allLetter(pilotName))=== false) { - pilotStatus.innerHTML ="PILOT NOT SELECTED"; + pilotStatus.innerHTML ="[YET TO BE DEFINED]"; }else{ pilotStatus.innerHTML = `${pilotName.value} is ready for Launch`; } if((allLetter(copilotName))=== false) { - copilotStatus.innerHTML ="COPILOT NOT SELECTED"; + copilotStatus.innerHTML ="[YET TO BE DEFINED]"; }else{ copilotStatus.innerHTML = `${copilotName.value} is ready for Launch`; } + /* NUMBER ON LEVELS CHECK */ if ((isNaN(fuelLevel.value)) === true || (isNaN(cargoMass.value)) === true) { + document.getElementById("faultyItems").style.visibility = "hidden"; alert("Enter Valid Information for each field, please.") submit.preventDefault(); }else{ - document.getElementById("faultyItems").style.visibility = "visible"; - } - - if(fuelLevel.value < 10000 || cargoMass.value > 10000){ - // document.getElementById("faultyItems").style.visibility = "visible"; - launchStatus.innerHTML = `Shuttle not ready for launch`; - launchStatus.style.color = "red"; - }else{ - launchStatus.innerHTML = `Shuttle ready for launch`; - launchStatus.style.color = "green"; + if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + launchStatus.innerHTML = `Shuttle not ready for launch`; + launchStatus.style.color = "red"; + }else{ + launchStatus.innerHTML = `Shuttle ready for launch`; + launchStatus.style.color = "green"; + } } + - if(fuelLevel.value < 10000){ + if(Number(fuelLevel.value) < 10000){ fuelStatus.innerHTML = `Fuel level too low for launch`; submit.preventDefault(); }else{ fuelStatus.innerHTML = `Fuel level high enough for launch`; } - - if(cargoMass.value > 10000){ + + if(Number(cargoMass.value) > 10000){ cargoStatus.innerHTML = `Cargo mass too high for launch`; submit.preventDefault(); }else{ cargoStatus.innerHTML = `Cargo mass low enough for launch`; } + + /*FINAL CHECKER */ + // if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + // launchStatus.innerHTML = `Shuttle not ready for launch`; + // launchStatus.style.color = "red"; + // }else{ + // launchStatus.innerHTML = `Shuttle ready for launch`; + // launchStatus.style.color = "green"; + // } }); /* FETCH PLANETARY JSON */ From 77a318ed94b02befb5114ce3e52945bd1b86dcc5 Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Sat, 25 Jul 2020 21:44:49 -0500 Subject: [PATCH 17/19] updated?! --- script.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/script.js b/script.js index d2bcf29d..6e904a9d 100644 --- a/script.js +++ b/script.js @@ -80,14 +80,14 @@ window.addEventListener("load", function() { } - /*FINAL CHECKER */ - // if(fuelLevel.value < 10000 || cargoMass.value > 10000){ - // launchStatus.innerHTML = `Shuttle not ready for launch`; - // launchStatus.style.color = "red"; - // }else{ - // launchStatus.innerHTML = `Shuttle ready for launch`; - // launchStatus.style.color = "green"; - // } + // /*FINAL CHECKER */ + // // if(fuelLevel.value < 10000 || cargoMass.value > 10000){ + // // launchStatus.innerHTML = `Shuttle not ready for launch`; + // // launchStatus.style.color = "red"; + // // }else{ + // // launchStatus.innerHTML = `Shuttle ready for launch`; + // // launchStatus.style.color = "green"; + // // } }); /* FETCH PLANETARY JSON */ From 0d4124099b275d59947159d10d89ab3f7ac1858e Mon Sep 17 00:00:00 2001 From: themitcharoni <64182946+themitcharoni@users.noreply.github.com> Date: Sat, 25 Jul 2020 22:26:54 -0500 Subject: [PATCH 18/19] finished --- index.html | 29 ++++++++++++++++------------- script.js | 16 +++++----------- 2 files changed, 21 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index bc185ad2..6d1f11a0 100644 --- a/index.html +++ b/index.html @@ -12,19 +12,22 @@

    Launch Checklist Form

    -
    - -
    -
    - -
    -
    - -
    -
    - -
    - + +
    + +
    +
    + +
    +
    + +
    +
    + +
    + + +
    diff --git a/script.js b/script.js index 6e904a9d..0a682699 100644 --- a/script.js +++ b/script.js @@ -58,9 +58,11 @@ window.addEventListener("load", function() { if(fuelLevel.value < 10000 || cargoMass.value > 10000){ launchStatus.innerHTML = `Shuttle not ready for launch`; launchStatus.style.color = "red"; + document.getElementById("launchForm").style.backgroundColor = "red" }else{ launchStatus.innerHTML = `Shuttle ready for launch`; launchStatus.style.color = "green"; + document.getElementById("launchForm").style.backgroundColor = "green" } } @@ -80,14 +82,6 @@ window.addEventListener("load", function() { } - // /*FINAL CHECKER */ - // // if(fuelLevel.value < 10000 || cargoMass.value > 10000){ - // // launchStatus.innerHTML = `Shuttle not ready for launch`; - // // launchStatus.style.color = "red"; - // // }else{ - // // launchStatus.innerHTML = `Shuttle ready for launch`; - // // launchStatus.style.color = "green"; - // // } }); /* FETCH PLANETARY JSON */ @@ -96,8 +90,8 @@ window.addEventListener("load", function() { const missionTarget = document.getElementById("missionTarget"); const targetRandomizer = Math.floor(Math.random() * json.length); missionTarget.innerHTML = ` -

    Mission Destination

    -
      +

      MISSION DESTINATION

      +
      1. Name: ${json[targetRandomizer].name}
      2. Diameter: ${json[targetRandomizer].diameter}
      3. Star: ${json[targetRandomizer].star}
      4. @@ -110,4 +104,4 @@ window.addEventListener("load", function() { }); }); }); -/*NOTES AT THE BOTTOM */ \ No newline at end of file +/*NOTES AT THE BOTTOM */ From 23b166c3807a44f69fd285ee87e86ec9014507dc Mon Sep 17 00:00:00 2001 From: Mitch Johnston <64182946+themitcharoni@users.noreply.github.com> Date: Sun, 26 Jul 2020 14:25:01 -0500 Subject: [PATCH 19/19] Update script.js --- script.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/script.js b/script.js index 0a682699..a0936414 100644 --- a/script.js +++ b/script.js @@ -32,7 +32,8 @@ window.addEventListener("load", function() { if(inputtxt.value.match(letters)) { return true; }else{ - return false; + alert("Please only use letters in Pilot & Copilot's names"); + return false; } };