36 lines
948 B
JavaScript
36 lines
948 B
JavaScript
// index.js — landing page logic
|
|
|
|
/**
|
|
* Handle the "Create game" button click.
|
|
* Validates the lobby name, persists it, and navigates to the lobby page.
|
|
*/
|
|
document.getElementById("reg-btn")?.addEventListener("click", () => {
|
|
const lobbyInput = /** @type {HTMLInputElement|null} */ (
|
|
document.getElementById("username")
|
|
);
|
|
const lobbyName = lobbyInput ? lobbyInput.value.trim() : "";
|
|
|
|
if (lobbyName) {
|
|
Storage.saveLobbyName(lobbyName);
|
|
window.location.href = "lobby.html";
|
|
} else {
|
|
lobbyInput?.focus();
|
|
}
|
|
});
|
|
|
|
// Scroll reveal — animate elements into view as they enter the viewport
|
|
const reveals = document.querySelectorAll(".reveal");
|
|
const observer = new IntersectionObserver(
|
|
(entries) => {
|
|
entries.forEach((entry) => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add("visible");
|
|
observer.unobserve(entry.target);
|
|
}
|
|
});
|
|
},
|
|
{ threshold: 0.12 },
|
|
);
|
|
|
|
reveals.forEach((el) => observer.observe(el));
|