Script now complete

src/signup.html

@@ -17,13 +17,10 @@
     <input type="email" id="mail" name="email" /> <br />
     <input type="submit" value="Submit" />
 </form>
+<p id="formStatus"></p>
 <footer>
     UL Computer Society 2023-<span id="year">2023</span>
 </footer>
-</body>
-<script>
-    document.getElementById('year').textContent = new Date().getFullYear().toString()
-</script>
 <script>
     const formEl = document.getElementById('register');
     formEl.addEventListener('submit', (listener) => formHandler(listener));
@@ -33,7 +30,23 @@
         const formData = new FormData(formEl);
         const email = formData.get("email");
         const object = {email: email};
-        alert(JSON.stringify(object));
+        fetch('https://api.account.skynet.ie/ldap/new/email', {
+            method: 'POST',
+            body: JSON.stringify(object),
+            mode: "cors"
+        }).then(res => {
+            if(res.status === 200) {
+                document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
+            } else if (res.status === 500) {
+                document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure</span>";
+            } else {
+                document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Failed to communicate to server</span>";
+            }
+        }).catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>");
     }
 </script>
+</body>
+<script>
+    document.getElementById('year').textContent = new Date().getFullYear().toString()
+</script>
 </html>