LaunchCodeEducation
diff --git a/‎user-input-with-forms/studio/index.html
Lines changed: 23 additions & 4 deletions b/‎user-input-with-forms/studio/index.html
Lines changed: 23 additions & 4 deletions
@@ -3,17 +3,36 @@
 <head>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
+		let actions = {
+			"google": "https://www.google.com/search",
+			"duckduckgo": "https://www.ducduckgo.com/",
+			"bing": "https://www.bing.com/search",
+			"ask": "https://www.ask.com/web"
+		};
+		
+		function setSearchEngine(){
+			const buttonSelected = document.querySelector('input[name=engine]:checked');
+			const form = document.getElementById("searchForm");
+			let actionURL = actions[buttonSelected.value];
+			form.action = actionURL;
+		}
     window.addEventListener("load", function(){
         // TODO: register the handler
+		const form = document.getElementById("searchForm");
+		form.addEventListener("submit", setSearchEngine);
     });
 	</script>
 </head>
 
 <body>
 
-	<form id="searchForm">
-    <!-- TODO: add form elements -->
-	</form>
+	<form id="searchForm" target="_blank">
+    <input type="text" id="q" 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 id="submit" value="Go!">Submit</button>
 
+	</form>
 </body>