ChronicleGremlin
diff --git a/‎user-input-with-forms/studio/index.html
Lines changed: 56 additions & 6 deletions b/‎user-input-with-forms/studio/index.html
Lines changed: 56 additions & 6 deletions
@@ -4,16 +4,66 @@
 	<meta charset="utf-8">
 	<script>
 		// TODO: create a handler
-    window.addEventListener("load", function(){
-        // TODO: register the handler
-    });
+		function setSearchEngine() {
+
+			let actions = {
+    			"google":"https://www.google.com/search",
+				"duckDuckGo":"https://duckduckgo.com/",
+				"bing":"https://www.bing.com/search",
+				"ask":"https://www.ask.com/web"
+			};
+
+			let form = document.getElementById('searchForm');
+			let searchTerm = document.querySelector("input[name=q]").value;
+
+			if (searchTerm.trim() === "") {
+                event.preventDefault();
+                alert("Please enter a search term");
+                return;
+            }
+
+			let selecetedEngine = document.querySelector('input[name=engine]:checked');
+
+			if (selectedEngine === null) {
+                event.preventDefault();
+                alert('Invalid search engine selection');
+                return;
+            }
+			
+			let action = actions[selecetedEngine.value];
+
+			if (action === undefined) {
+                event.preventDefault();
+                alert('Invalid search engine selection');
+                return;
+            }
+			
+			form.setAttribute('action', action);
+		}
+
+		window.addEventListener('load', function () {
+			// TODO: register the handler
+			let form = document.getElementById('searchForm');
+			form.addEventListener('submit', setSearchEngine);
+			
+		});
+
+	
+
 	</script>
 </head>
 
 <body>
 
-	<form id="searchForm">
-    <!-- TODO: add form elements -->
+	<form id='searchForm'>
+		<!-- TODO: add form elements -->
+		<input type="text" name="q">
+		<label>Google<input type="radio" name="engine" value="google"></label>
+		<label>DuckDuckGo<input type="radio" name="engine" value="duckDuckgo"></label>
+		<label>Bing<input type="radio" name="engine" value="bing"></label>
+		<label>Ask<input type="radio" name="engine" value="ask"></label>
+
+		<button type='submit'>Go!</button>
 	</form>
 
-</body>
+</body>