main.js

function responsiveNav() {
  const navbar = document.getElementById("navbar");

  if (!navbar.classList.contains("responsive")) {
    navbar.classList.add("responsive");
    document.body.style.overflow = "hidden";
  } else {
    navbar.classList.remove("responsive");
    document.body.style.overflow = "visible";
  }
}

const privacyDialog = document.getElementById("privacyDialog");
const openPrivacyDialog = document.getElementById("openPrivacyDialog");
const closePrivacyDialog = document.getElementById("closePrivacyDialog");

openPrivacyDialog.addEventListener("click", () => {
  privacyDialog.showModal();
})

closePrivacyDialog.addEventListener("click", () => {
  privacyDialog.close();
})

const startDialog = document.getElementById("startDialog");
const openStartDialog = document.getElementById("openStartDialog");
const closeStartDialog = document.getElementById("closeStartDialog");

openStartDialog.addEventListener("click", () => {
  startDialog.showModal();
})

closeStartDialog.addEventListener("click", () => {
  startDialog.close();
})