32 lines
1.0 KiB
JavaScript
Raw Normal View History

2021-08-09 16:47:33 +02:00
'use strict';
2021-07-29 19:02:18 +02:00
2021-08-09 16:47:33 +02:00
const burger = document.querySelector('.burger');
const burgerOpen = document.querySelector('.burger__button--open');
const burgerClose = document.querySelector('.burger__button--close');
const menuMobile = document.querySelector('.nav-mobile');
const menuLinks = document.querySelectorAll('.nav__link');
const overlay = document.querySelector('.overlay');
const form = document.querySelector('.footer__form');
const confirmation = document.querySelector('.footer__confirm');
2021-07-29 19:02:18 +02:00
2021-07-30 18:00:52 +02:00
const closeMobileMenu = () => {
2021-08-09 16:47:33 +02:00
burgerOpen.classList.toggle('hidden');
burgerClose.classList.toggle('hidden');
menuMobile.classList.toggle('hidden');
overlay.classList.toggle('hidden');
2021-07-30 18:00:52 +02:00
};
2021-08-09 16:47:33 +02:00
burger.addEventListener('click', closeMobileMenu);
overlay.addEventListener('click', closeMobileMenu);
menuLinks.forEach((link) => {
link.addEventListener('click', () => {
closeMobileMenu;
});
2021-07-29 19:02:18 +02:00
});
2021-08-04 12:26:31 +02:00
2021-08-09 16:47:33 +02:00
form.addEventListener('submit', (e) => {
2021-08-04 12:26:31 +02:00
e.preventDefault();
2021-08-09 16:47:33 +02:00
form.classList.toggle('hidden');
confirmation.classList.toggle('hidden');
2021-08-04 12:26:31 +02:00
});