fs2026-Frontend-Semesterarbeit/frontend/scripts/lobby.js

// lobby.js

document.addEventListener("DOMContentLoaded", () => {
  const input  = document.getElementById("username");
  const btn    = document.getElementById("btn-start");
  const errMsg = document.getElementById("name-error");

  // Show lobby name
  const lobbyNameEl = document.getElementById("lobby-name-display");
  if (lobbyNameEl) {
    lobbyNameEl.textContent = Storage.getLobbyName();
  }

  btn.addEventListener("click", () => {
    const name = input.value.trim();
    if (!name) {
      errMsg.textContent = "Please enter a username to continue.";
      input.classList.add("input--error");
      input.focus();
      return;
    }
    if (name.length < 2) {
      errMsg.textContent = "Username must be at least 2 characters.";
      input.classList.add("input--error");
      input.focus();
      return;
    }
    Storage.savePlayerName(name);
    Storage.clearGameState();
    location.href = "game.html";
  });

  input.addEventListener("input", () => {
    errMsg.textContent = "";
    input.classList.remove("input--error");
  });

  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter") btn.click();
  });

  // Pre-fill if returning player
  const existing = Storage.getPlayerName();
  if (existing && existing !== "Anonymous") {
    input.value = existing;
  }
});