page.js

const wrapper = document.querySelector(".wrapper");
const loginLink = document.querySelector(".login-link");
const registerLink = document.querySelector(".register-link");
const btnPopup = document.querySelector(".btnLogin-popup");
const cancleBtn = document.querySelector(".icon-close");

registerLink.addEventListener("click", () => {
  wrapper.classList.add("active");
});

loginLink.addEventListener("click", () => {
  wrapper.classList.remove("active");
});

btnPopup.addEventListener("click", () => {
  wrapper.classList.add("active-popup");
  document.body.style.overflow = "hidden";
});

cancleBtn.addEventListener("click", () => {
  wrapper.classList.remove("active-popup");
  document.body.style.overflow = "auto";
});

const hamburger = document.getElementById("hamburger");
const nav = document.getElementById("nav");

hamburger.addEventListener("click", () => {
  nav.classList.toggle("show");
});

document.querySelectorAll(".btnLogin-popup").forEach((link) => {
  link.addEventListener("click", () => {
    nav.classList.remove("show");
  });
});