LaunchCodeEducation
diff --git a/‎user-input-with-forms/studio/index.html
Lines changed: 42 additions & 6 deletions b/‎user-input-with-forms/studio/index.html
Lines changed: 42 additions & 6 deletions
@@ -3,17 +3,53 @@
 <head>
 	<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 engine = document.querySelector('input[name=engine]:checked');
+			let action = actions[engine.value]
+			form.setAttribute('action', action)
+
+		}
+		window.addEventListener("load", function () {
+			let form = document.getElementById('searchForm');
+			form.addEventListener('submit', setSearchEngine);
+			if (engine.value == "") {
+				alert("Must enter a search term!");
+				event.preventDefault();
+			}
+		});
 	</script>
 </head>
 
 <body>
 
 	<form id="searchForm">
-    <!-- TODO: add form elements -->
+		<input type="text" name="q" />
+		<label>
+			<input type="radio" name="engine" value="google">
+			Google
+		</label>
+		<label>
+			<input type="radio" name="engine" value="duckDuckGo">
+			DuckDuckGo
+		</label>
+		<label>
+			<input type="radio" name="engine" value="bing">
+			Bing
+		</label>
+		<label>
+			<input type="radio" name="engine" value="ask">
+			Ask
+		</label>
+		<input type="submit" value="Go!">
 	</form>
 
-</body>
+</body>