register-seite erstellt

2026-03-02 18:01:42 +09:00
parent 0a488a80ce
commit aa0c82e6d3
3 changed files with 63 additions and 0 deletions
--- a/public/login.html
+++ b/public/login.html
@@ -19,6 +19,7 @@
        <p id="errorMessage" class="error"></p>

        <a href="index.html">Zurück zur Startseite</a>
+        <a href="register.html">Noch keinen Account? Registrieren</a>
    </div>

    <script src="login.js"></script>
--- a/public/register.html
+++ b/public/register.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Login - Schic-App</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+    <div class="container">
+        <h1>Registrieren</h1>
+
+        <form id="registerForm">
+            <input type="text" id="username" placeholder="Username" required>
+            <input type="password" id="password" placeholder="Passwort" required>
+            <button type="submit">Registrieren</button>
+        </form>
+
+        <p id="errorMessage" class="error"></p>
+
+        <a href="index.html">Zurück zur Startseite</a>
+        <a href="login.html">Bereits registriert? Einloggen</a>
+    </div>
+
+    <script src="register.js"></script>
+</body>
+</html>
--- a/public/register.js
+++ b/public/register.js
@@ -0,0 +1,35 @@
+const form = document.getElementById("registerForm");
+const errorMessage = document.getElementById("errorMessage");
+
+if (!form) {
+    console.error('Register form not found in DOM');
+} else {
+    form.addEventListener("submit", async (event) => {
+    event.preventDefault();
+
+    const username = document.getElementById("username").value;
+    const password = document.getElementById("password").value;
+
+    try {
+        const response = await fetch("/auth/register", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ username, password })
+        });
+
+        const data = await response.json();
+
+        if (!response.ok) {
+            errorMessage.textContent = data?.message || "Registrierung fehlgeschlagen";
+            return;
+        }
+
+        localStorage.setItem("token", data.token);
+        window.location.href = "dashboard.html";
+
+    } catch (err) {
+        console.error("Register Error:", err);
+        errorMessage.textContent = "Server nicht erreichbar";
+    }
+    })
+}