dwyci
diff --git a/‎user-input-with-forms/exercises/index.html
Lines changed: 25 additions & 1 deletion b/‎user-input-with-forms/exercises/index.html
Lines changed: 25 additions & 1 deletion
diff --git a/‎user-input-with-forms/exercises/script.js
Lines changed: 2 additions & 0 deletions b/‎user-input-with-forms/exercises/script.js
Lines changed: 2 additions & 0 deletions
@@ -9,10 +9,34 @@
   </head>
   <body>
     <!-- TODO: add form here -->
-    
+    <form id = "simulationForm" action="https://handlers.education.launchcode.org/request-parrot" method="POST">
+      <label>Test Name <input type="text" name="testName"></label>
+      <label>Test Date<input type="date" name="testDate"></label>
+      <label>Rocket Type<input type="select" name="rocketType"></label>
+      <label>Number of Rocket Booster<input type="number" name="boosterCount"></label>
+      <label>Wind Rating<input type ="radio" name="windRating"></label>
+      <label>Use production grade servers<input type="checkbox" name="productionServers"></label>
+      <button>Run Simulation</button>
+  </form>
 
     <p>WARNING: This ONLY works in <b>replit</b> if this "result" page is opened in its own window. Click the icon that shows a box with an arrow coming out of it.
     </p>
   </body>
 
 </html>
+
+<script>
+  document.getElementById('simulationForm').addEventListener('submit', function(event) {
+    var inputs = document.querySelectorAll('input[type="text"], input[type="date"], input[type="number"], input[type="radio"]:checked, input[type="checkbox"]');
+    for (var i = 0; i < inputs.length; i++) {
+      if (!inputs[i].value && inputs[i].type !== "checkbox") {
+        event.preventDefault();
+        document.getElementById('validationMessage').style.display = 'block';
+        return;
+      }
+    }
+  });
+</script>
+</body>
+</html>
+
@@ -1 +1,3 @@
 //Code Your Solution Below
+
+
Original file line number	Diff line number	Diff line change
`@@ -1 +1,3 @@`
`1`	`1`	`//Code Your Solution Below`
	`2`	`+`
	`3`	`+`