script.js

/* --------------- General Stuff ---------------- */

const header = document.querySelector(".header");

const submit = document.getElementById("contact_form");
const button = document.getElementById("button");

const hamburger = document.querySelector(".hamburger");
const hamburgerMenu = document.querySelector(".hamburger__bg");
const hamburgerLink = document.querySelectorAll(".hamburger__link");

/* --------------- Sticky Navbar ---------------- */

function stickyNavbar() {
  header.classList.toggle("scrolled", window.pageYOffset > 0);
}

stickyNavbar();

window.addEventListener("scroll", stickyNavbar);

/* --------------- Hamburger Menu Form ---------------- */

/*
let classList1 = hamburgerMenu.classList;
let classList2 = hamburger.classList;
let classList3 = header.classList;

let listMenu = [...classList1];
let listHambur = [...classList2];
let listHeader = [...classList3];

console.log(listMenu);

function toggleHamburger() {
  // let isOpen = false;

  if (
    listMenu.includes("open") &&
    listHambur.includes("open") &&
    listHeader.includes("open")
  ) {
    console.log("open");
    // isOpen = true;
  }
  
  if (isOpen) {
hamburgerMenu.addEventListener("click", () => {
  hamburgerMenu.classList.remove("open");
});
  }
}
toggleHamburger();
*/

hamburger.addEventListener("click", () => {
  hamburgerMenu.classList.toggle("open");
  hamburger.classList.toggle("open");
  header.classList.toggle("open");
});

hamburgerLink.forEach((hamburgerLink) =>
  hamburgerLink.addEventListener("click", () => {
    hamburgerMenu.classList.remove("open");
  })
);

/* --------------- emailJS Form ---------------- */

button.addEventListener("click", function () {
  const fromName = document.getElementById("from_name");
  const phoneNum = document.getElementById("phone_num");
  const email = document.getElementById("email_id");

  let isFormValid = false;

  if (
    fromName.checkValidity() &&
    phoneNum.checkValidity() &&
    email.checkValidity()
  ) {
    isFormValid = true;
  }

  if (isFormValid) {
    let params = {
      from_name: fromName.value,
      phone_num: phoneNum.value,
      email_id: email.value,
      company_name: document.getElementById("company_name").value,
      message: document.getElementById("message").value,
    };
    emailjs
      .send("service_bttgcu6", "template_2i0vj61", params)
      .then(function sendEmail() {
        const alertMessageEl = document.querySelector(".alert__message");
        alertMessageEl.style.display = "block";

        setTimeout(() => {
          alertMessageEl.style.color = "rgb(61, 61, 61)";
        }, 3000);
      });
  }
});

/* --------------- Image Touch Mechanic ---------------- 

const galleryImage = document.querySelector(".gallery__item");

if (
  function isTouchDevice() {
    return (
      "ontouchstart" in window ||
      navigator.maxTouchPoints > 0 ||
      navigator.msMaxTouchPoints > 0
    );
  }
) {
  galleryImage.addEventListener("touchStart", () => {
    // galleryImage.classList.add(".touch");
    console.log("aaaa");
  });
}
*/