Formatting + Added Home Page

gambling.js

@@ -63,7 +63,7 @@ function authenticateToken(request, response, next) {
 
 app.post("/register", (request, response) => {
     let {username, password} = request.body;
-    username = username.toLowerCase();
+    let lower_username = username.toLowerCase();
 
     if (!username || !password)
         return response.status(400).json({error: "Username and password are required"});
@@ -139,7 +139,7 @@ app.delete("/logout", authenticateToken, (request, response) => {
     const user = users.find(u => u.username === username);
 
     // 1) Clear the HttpOnly cookie in the browser
-    response.clearCookie("token", {
+    response.clearCookie("authorization", {
         httpOnly: true,
         secure: process.env.NODE_ENV === "production",
         sameSite: "Strict"

public/frontend_home.js

@@ -16,4 +16,24 @@ document.addEventListener("DOMContentLoaded", async () => {
     } catch (error) {
         console.log(error);
     }
+    logoutButton.addEventListener("click", async (e) => {
+        e.preventDefault();
+        try {
+            const logoutRes = await fetch('/logout', {
+                method: "DELETE",
+                headers: {
+                    "Content-Type": "application/json",
+                }
+            });
+
+            if (logoutRes.ok) {
+                document.cookie = "authorization=; Max-Age=0; path=/;";
+                window.location.href = "/login";
+            } else {
+                console.log("Failed to logout");
+            }
+        } catch (err) {
+            console.log("Logout error:", err);
+        }
+    });
 });

public/frontend_login.js

@@ -3,11 +3,9 @@
 
     form.addEventListener("submit", async (e) => {
         e.preventDefault();
-
         const username = form.username.value;
         const password = form.password.value;
         const credentials = {username, password};
-
         try {
             const loginRes = await fetch("/login", {
                 method: "POST",
@@ -17,7 +15,7 @@
 
             if (loginRes.ok) {
                 const loginData = await loginRes.json();
-                alert(`Welcome back, ${loginData.username}!`);
+                alert(`Welcome back, ${loginData.lower_username}!`);
                 document.cookie = `authorization=${loginData.token}`
                 window.location.href = "/";
                 return;