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!