ormotels.com Open in urlscan Pro
188.114.96.3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

document.addEventListener("DOMContentLoaded", function () {
  const loginForm = document.querySelector(".loginForm");

  const loginButton = document.getElementById("loginBtn");
  const errorMessage = document.querySelector(".error");
  const btnRegister = document.querySelector("#register");
  const btnLogin = document.querySelector("#login");
  const btnLogout = document.querySelector("#logout");
  const userName = document.querySelector("#userName");

  const handleSubmit = async (event) => {
    event.preventDefault();
    const formData = new FormData(event.currentTarget);
    let userData = {};
    formData.forEach((value, name) => {
      userData[name] = value;
    });

    const email = userData.email;
    const password = userData.password;

    if (email === "" || password === "") {
      errorMessage.innerHTML = "Fields must be completed";
    }
    if (!isValidEmail(email)) {
      errorMessage.textContent = "Enter a correct email";
    }

    if (password.length < 6) {
      errorMessage.textContent =
        "The password must contain at least 6 characters";
    }
    // Check if there are any errors
    if (
      isValidEmail(email) &&
      password.length >= 6 &&
      email !== "" &&
      password !== ""
    ) {
      // If no errors, proceed with registration
      try {
        errorMessage.innerHTML = "";
        loginButton.disabled = true;
        const user = userData;
        errorMessage.textContent = "Loading...";
        const resp = await fetch(
          "https://social-games-4edr.onrender.com/users/login",
          {
            method: "POST",
            headers: {
              "Content-Type": "application/json",
            },
            body: JSON.stringify(user),
          }
        );

        const result = await resp.json();
        if (result.token && result.user) {
          localStorage.setItem("TOKEN", JSON.stringify(result.token));
          localStorage.setItem("USER", JSON.stringify(result.user));
          // Close the modal (you may need to modify this part based on your modal library)
          const modal = document.querySelector(".modal__login");
          const modalId = modal.getAttribute("data-modal");
          modal.classList.remove("active");
          let overlayElem = document.querySelector(
            '.backdrop[data-modal="' + modalId + '"]'
          );
          overlayElem.classList.remove("active");
          btnRegister.classList.add("hidden");
          btnLogin.classList.add("hidden");
          btnLogout.classList.remove("hidden");
          userName.classList.remove("hidden");
          userName.innerHTML = `${result.user.name}`;
          errorMessage.textContent = "";
          loginButton.disabled = false;
        } else {
          errorMessage.textContent = `Something went wrong!`;
          loginButton.disabled = false;
        }
      } catch (e) {
        console.log(e.message);
        errorMessage.textContent = `${e.message}`;
      }
    }
  };
  function isValidEmail(email) {
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailRegex.test(email);
  }
  loginForm.addEventListener("submit", handleSubmit);
});