User Input with Forms

dbenion9 · dbenion9 · commit a5b1fb8f79d6 · 2024-08-08T20:20:42.000-05:00
diff --git a/css/exercises/HTML-Me-Something-Start b/css/exercises/HTML-Me-Something-Start
@@ -1 +1 @@
-Subproject commit bf2d4c033c22daed6d16cf4868d508bc56c889d6
+Subproject commit 1007233800eba9aced5b5a13fc0079c8264c460a
diff --git a/user-input-with-forms/studio/index.html b/user-input-with-forms/studio/index.html
@@ -3,17 +3,33 @@
 <head>
 	<meta charset="utf-8">
 	<script>
+	let button=document.getElementById("submit"); 
+
+
 		// TODO: create a handler
     window.addEventListener("load", function(){
-        // TODO: register the handler
+        button.addEventListener("click", setSearchEngine());
+		function setSearchEngine() {
+ 
+		console.log("Test");
+		}
+		// TODO: register the handler
     });
 	</script>
 </head>
 
 <body>
 
-	<form id="searchForm">
+	<form id="searchForm" action=""> 
     <!-- TODO: add form elements -->
-	</form>
+	<input type="text" name="q">
+	<label>Google</label><input type="radio" name="engine" value="google"/>
+	<label>DuckDuckGo</label><input type="radio" name="engine" value="duckDuckGo"/>
+	<label>Bing</label><input type="radio" name="engine" value="Bing"/>
+	<label>Ask</label><input type="radio" name="engine" value="ask"/>
+	
+<button id="submit">Go</button>
+</form>
+	
 
 </body>

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-Subproject commit bf2d4c033c22daed6d16cf4868d508bc56c889d6`
	`1`	`+Subproject commit 1007233800eba9aced5b5a13fc0079c8264c460a`