vsangui2
diff --git a/‎user-input-with-forms/studio/index.html
Lines changed: 29 additions & 5 deletions b/‎user-input-with-forms/studio/index.html
Lines changed: 29 additions & 5 deletions
@@ -3,17 +3,41 @@
 <head>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
+		let actions = {
+			google: "https://www.google.com/search",
+			duckDuckGo: "https://duckduckgo.com/",
+			bing: "https://www.bing.com/search",
+			ask: "https://www.ask.com/web"
+		}
+	function setSearchEngine() {
+		const buttonChosen = document.querySelector("input[name=engine]:checked");
+		let input = document.querySelector("input[name=q]");
+		if (!buttonChosen){
+			alert("Choose a button!")
+		};
+		if (input.value === ""){
+			alert("Please enter a query!")
+		};
+		searchForm.action = actions[buttonChosen.value]
+	};
+
     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 id="searchForm" target_blank >
+    <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>
+	<button id="submit" value = "Go!"> Go! </button>
 	</form>
 
 </body>