-
Notifications
You must be signed in to change notification settings - Fork 5
/
modal.js
35 lines (27 loc) · 1.04 KB
/
modal.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// Modal Open Button
const navbarMenu = document.querySelector("#mobiledash");
// Modal Close Button
const closeModalButton = document.querySelector(".close-modal-span");
// Modal Background
const modalBackground = document.querySelector(".modal-background-div");
// Page DOM
const header = document.querySelector("#header");
const nav = document.querySelector("#nav");
const main = document.querySelector("#main");
const footer = document.querySelector("#footer");
navbarMenu.addEventListener("click", function() {
modalBackground.style.visibility = "visible";
modalBackground.style.opacity = "1";
header.style.filter = "blur(2px)";
nav.style.filter = "blur(2px)";
main.style.filter = "blur(2px)";
footer.style.filter = "blur(2px)";
});
closeModalButton.addEventListener("click", function() {
modalBackground.style.visibility = "hidden";
modalBackground.style.opacity = "0";
header.style.filter = "blur(0px)";
nav.style.filter = "blur(0px)";
main.style.filter = "blur(0px)";
footer.style.filter = "blur(0px)";
});