From 008513471c002cebee2f71208341679fbd25d239 Mon Sep 17 00:00:00 2001
From: Ulises Fox Peguero <peguero.ulises@gmail.com>
Date: Sun, 7 Aug 2022 20:29:59 -0500
Subject: [PATCH 1/3] Create README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 README.md
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..cc66884
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+# HTTP-and-Forms-Studio
+Launchcode studio

From f24597cbd92c39b0ea42d6cfe0033e5494e28136 Mon Sep 17 00:00:00 2001
From: Ulises Fox Peguero <peguero.ulises@gmail.com>
Date: Mon, 8 Aug 2022 12:04:19 -0500
Subject: [PATCH 2/3] Html structure finished.

---
 index.html | 44 +++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 39 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index d78a52c..76c534d 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,53 @@
 <!doctype html>
 
 <head>
+	<title>HTTP and Forms Studio</title>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
-    window.addEventListener("load", function(){
-        // TODO: register the handler
-    });
+
+		const ENGINES = {
+			google: 'https://www.google.com/search',
+			duckDuckGo: 'https://duckduckgo.com/',
+			bing: 'https://www.bing.com/search',
+			ask: 'https://www.ask.com/web'
+		};
+
+		window.addEventListener("load", function () {
+
+		});
 	</script>
+	<style>
+		body {
+			text-align: center;
+			font-size: 1.5em;
+		}
+
+		form {
+			padding: 0em;
+			margin: 0 auto;
+		}
+
+		form>* {
+			vertical-align: middle;
+			line-height: 1.5em;
+		}
+
+		button {
+			font-weight: bold;
+			margin: auto 5px;
+		}
+	</style>
 </head>
 
 <body>
 
 	<form id="searchForm">
-    <!-- TODO: add form elements -->
+		<input type="text" id="q" name="q">
+		<input type="radio" name="engine" id="engine1" value="google"><label for="engine1">Google</label>
+		<input type="radio" name="engine" id="engine2" value="duckDuckGo"><label for="engine2">DuckDuckGo</label>
+		<input type="radio" name="engine" id="engine3" value="bing"><label for="engine3">Bing</label>
+		<input type="radio" name="engine" id="engine4" value="ask"><label for="engine4">Ask</label>
+		<button type="submit">Go!</button>
 	</form>
 
 </body>
\ No newline at end of file

From c1922fb09f743e8bf02a92c5a88d2ea9027ce3ae Mon Sep 17 00:00:00 2001
From: UlisesPeguero <peguero.ulises@gmail.com>
Date: Mon, 8 Aug 2022 19:40:31 -0500
Subject: [PATCH 3/3] Finished Studio

---
 .gitignore |  1 +
 index.html | 52 +++++++++++++++++++++++++++++++++++++++++++++++-----
 2 files changed, 48 insertions(+), 5 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..600d2d3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.vscode
\ No newline at end of file
diff --git a/index.html b/index.html
index d78a52c..2bba04c 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,61 @@
 <!doctype html>
 
 <head>
+	<title>HTTP and Forms Studio</title>
 	<meta charset="utf-8">
 	<script>
-		// TODO: create a handler
-    window.addEventListener("load", function(){
-        // TODO: register the handler
-    });
+
+		const ENGINES_URLS = {
+			google: 'https://www.google.com/search',
+			duckDuckGo: 'https://duckduckgo.com/',
+			bing: 'https://www.bing.com/search',
+			ask: 'https://www.ask.com/web'
+		};
+
+		window.addEventListener("load", function () {
+			let engines = document.querySelectorAll('input[type=radio]');
+			engines.forEach(engine => {
+				engine.onclick = function () {
+					let url = ENGINES_URLS[engine.value];
+					if (url) searchForm.setAttribute('action', url);
+					console.log('>Form.action ', url);
+				};
+			});
+
+		});
 	</script>
+	<style>
+		body {
+			text-align: center;
+			font-size: 1.5em;
+		}
+
+		form {
+			padding: 0em;
+			margin: 0 auto;
+		}
+
+		form>* {
+			vertical-align: middle;
+			line-height: 1.5em;
+		}
+
+		button {
+			font-weight: bold;
+			margin: auto 5px;
+		}
+	</style>
 </head>
 
 <body>
 
 	<form id="searchForm">
-    <!-- TODO: add form elements -->
+		<input type="text" id="q" name="q" required>
+		<input type="radio" name="engine" id="engine1" value="google" required><label for="engine1">Google</label>
+		<input type="radio" name="engine" id="engine2" value="duckDuckGo"><label for="engine2">DuckDuckGo</label>
+		<input type="radio" name="engine" id="engine3" value="bing"><label for="engine3">Bing</label>
+		<input type="radio" name="engine" id="engine4" value="ask"><label for="engine4">Ask</label>
+		<button type="submit">Go!</button>
 	</form>
 
 </body>
\ No newline at end of file
