From 515ff948dca3f3f9b32f31339e56f1660fe12f5d Mon Sep 17 00:00:00 2001
From: wtwente20 <100497007+wtwente20@users.noreply.github.com>
Date: Mon, 21 Nov 2022 19:09:21 -0600
Subject: [PATCH 1/4] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/index.html b/index.html
index d78a52c..161cbc2 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 <body>
 
 	<form id="searchForm">
-    <!-- TODO: add form elements -->
+    <input type="text"></input>
 	</form>
 
 </body>
\ No newline at end of file

From c8ff9d983d2c2de8ebf05697a5c5d7b3b2dd0859 Mon Sep 17 00:00:00 2001
From: wtwente20 <100497007+wtwente20@users.noreply.github.com>
Date: Mon, 21 Nov 2022 19:15:37 -0600
Subject: [PATCH 2/4] Update index.html

---
 index.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/index.html b/index.html
index 161cbc2..afe3951 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,10 @@
 
 	<form id="searchForm">
     <input type="text"></input>
+    <input type="radio" name="Google">Google</input>
+    <input type="radio" name="DuckDuckGo">DuckDuckGo</input>
+    <input type="radio" name="Bing">Bing</input>
+    <input type="radio" name="Ask">Ask</input>
 	</form>
 
 </body>
\ No newline at end of file

From 2038797c4a5f2561ad1e3ea77f543eef491d98ca Mon Sep 17 00:00:00 2001
From: wtwente20 <100497007+wtwente20@users.noreply.github.com>
Date: Mon, 21 Nov 2022 19:37:19 -0600
Subject: [PATCH 3/4] Update index.html

---
 index.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index afe3951..5b26dee 100644
--- a/index.html
+++ b/index.html
@@ -13,11 +13,12 @@
 <body>
 
 	<form id="searchForm">
-    <input type="text"></input>
-    <input type="radio" name="Google">Google</input>
-    <input type="radio" name="DuckDuckGo">DuckDuckGo</input>
-    <input type="radio" name="Bing">Bing</input>
-    <input type="radio" name="Ask">Ask</input>
+    <input type="text" name="q"></input>
+    <label for="google"><input type="radio" name="engine">Google</input></label>
+    <label for="duckDuckGo"><input type="radio" name="engine">DuckDuckGo</input></label>
+    <label for="bing"><input type="radio" name="engine">Bing</input></label>
+    <label for="ask"><input type="radio" name="engine">Ask</input></label>
+    <button type="submit">Go!</button>
 	</form>
 
 </body>
\ No newline at end of file

From 293ab8edb4a9bc70635a6e29320b9b70506b3e1b Mon Sep 17 00:00:00 2001
From: wtwente20 <100497007+wtwente20@users.noreply.github.com>
Date: Mon, 21 Nov 2022 20:38:57 -0600
Subject: [PATCH 4/4] Update index.html

---
 index.html | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 5b26dee..bb07650 100644
--- a/index.html
+++ b/index.html
@@ -4,21 +4,40 @@
 	<meta charset="utf-8">
 	<script>
 		// TODO: create a handler
+    function setSearchEngine() {
+      
+      let actions = {
+        "google": "https://www.google.com/search",
+        "duckDuckGo": "https://duckduckgo.com/",
+        "bing": "https://www.bing.com/search",
+        "ask": "https://www.ask.com/web"
+      };
+
+      const form = document.querySelector('form')
+      const searchEngineSelected = document.querySelector('input[name=engine]:checked')
+      
+      let url = actions[searchEngineSelected.value];
+      form.action = url;
+    }
+
     window.addEventListener("load", function(){
         // TODO: register the handler
+        const form = document.querySelector('form');
+        form.addEventListener('submit', setSearchEngine)
+
     });
 	</script>
 </head>
 
 <body>
 
-	<form id="searchForm">
+	<form action="" method="GET" name="search" id="searchForm">
     <input type="text" name="q"></input>
-    <label for="google"><input type="radio" name="engine">Google</input></label>
-    <label for="duckDuckGo"><input type="radio" name="engine">DuckDuckGo</input></label>
-    <label for="bing"><input type="radio" name="engine">Bing</input></label>
+    <label for="google"><input type="radio" name="engine" value="google">Google</input></label>
+    <label for="duckDuckGo"><input type="radio" name="engine" value="duckDuckGo">DuckDuckGo</input></label>
+    <label for="bing"><input type="radio" name="engine" value="google">Bing</input></label>
     <label for="ask"><input type="radio" name="engine">Ask</input></label>
-    <button type="submit">Go!</button>
+    <button id="submit" type="submit">Go!</button>
 	</form>
 
 </body>
\ No newline at end of file
