completed studio

timwebdev1 · timwebdev1 · commit b66daebac40a · 2024-08-08T21:05:10.000-05:00
diff --git a/user-input-with-forms/studio/index.html b/user-input-with-forms/studio/index.html
@@ -3,17 +3,34 @@
 <head>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
+		function setSearchEngine() {
+			document.getElementById('searchForm').setAttribute("action", actionsURL[document.querySelector("input[name=engine]:checked").value]);
+			return;
+		};
     window.addEventListener("load", function(){
-        // TODO: register the handler
+        let button = document.getElementById("goButton");
+				button.addEventListener("click", setSearchEngine); 
     });
+		let actionsURL = {
+			google: 'https://www.google.com/search',
+			duckduckgo: 'https://duckduckgo.com/',
+			bing: 'https://www.bing.com/search',
+			ask: 'https://www.ask.com/web'
+		};
+		let searchForm = document.getElementById('searchForm');
+		searchForm.setAttribute("action", );
 	</script>
 </head>
 
 <body>
 
 	<form id="searchForm">
-    <!-- TODO: add form elements -->
+    <label>name<input type="text" name="q"></label>
+		<label>Google<input value="google" type="radio" name="engine"></label>
+		<label>DuckDuckGo<input value="duckduckgo" type="radio" name="engine"></label>
+		<label>Bing<input value="bing" type="radio" name="engine"></label>
+		<label>Ask<input value="ask" type="radio" name="engine"></label>
+		<button id="goButton" value="Go!">Go!</button>
 	</form>
 
 </body>
