From f1e819bab9feacd19becd7cfbc7dae25ae496516 Mon Sep 17 00:00:00 2001
From: "eoghan.conlon" <git@eoghanconlon.ie>
Date: Tue, 1 Aug 2023 13:45:08 +0100
Subject: [PATCH] [Sign-up] Javascript can parse the form and combine it into a
 JSON object

#3
---
 src/register.html | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)
diff --git a/src/register.html b/src/register.html
index 38ef29a..6abd587 100644
--- a/src/register.html
+++ b/src/register.html
@@ -7,18 +7,32 @@
 </head>
 <body>
 <h1>Sign-up</h1>
-<form id="form">
+<form id="register">
     <label for="auth">Auth code</label>
     <input type="text" id="auth" name="auth" /> <br/>
-    <label for="uid">Username</label>
-    <input type="text" id="uid" name="username" /> <br />
+    <label for="user">Username</label>
+    <input type="text" id="user" name="user" /> <br />
     <label for="pass">Password</label>
-    <input type="password" id="pass" name="password" />
+    <input type="password" id="pass" name="pass" />
     <input type="Submit" value="Submit"/>
 </form>
 <footer>
     UL Computer Society 2023-<span id="year">2023</span>
 </footer>
+<script>
+    const formEl = document.getElementById("register");
+    formEl.addEventListener('submit', (listener) => formHandler(listener));
+
+    function formHandler(listener){
+        listener.preventDefault();
+        const formData = new FormData(formEl);
+        const auth = formData.get("auth");
+        const user = formData.get("user");
+        const pass = formData.get("pass");
+        const object = { auth: auth, user: user, pass: pass }
+        alert(JSON.stringify(object));
+    }
+</script>
 </body>
 <script>
     document.getElementById('year').textContent = new Date().getFullYear().toString()
