studio forms

Quinton Kornegay · Quinton Kornegay · commit 49d9f1f8bb2e · 2023-11-11T16:58:36.000-06:00
diff --git a/user-input-with-forms/studio/index.html b/user-input-with-forms/studio/index.html
@@ -3,17 +3,36 @@
 <head>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
-    window.addEventListener("load", function(){
-        // TODO: register the handler
+
+		let actions = {
+			google: 'https://www.google.com/search',
+			duckDuckGo: 'https://www.duckduckgo.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 url = actions[buttonSelected.value];
+			form.action = url
+		}
+
+    window.addEventListener("load", function() {
+        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" id="q" 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>
