register-seite erstellt
All checks were successful
Build & Push Image / build-image (push) Successful in 2m41s

This commit is contained in:
2026-03-02 18:01:42 +09:00
parent 0a488a80ce
commit aa0c82e6d3
3 changed files with 63 additions and 0 deletions

View File

@@ -19,6 +19,7 @@
<p id="errorMessage" class="error"></p> <p id="errorMessage" class="error"></p>
<a href="index.html">Zurück zur Startseite</a> <a href="index.html">Zurück zur Startseite</a>
<a href="register.html">Noch keinen Account? Registrieren</a>
</div> </div>
<script src="login.js"></script> <script src="login.js"></script>

27
public/register.html Normal file
View File

@@ -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>

35
public/register.js Normal file
View File

@@ -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";
}
})
}