server

server/script.js

@@ -0,0 +1,37 @@
+const modal = document.getElementById("modal")
+
+function modalOn() {
+    modal.style.display = "flex"
+}
+
+function isModalOn() {
+    return modal.style.display === "flex"
+}
+
+function modalOff() {
+    modal.style.display = "none"
+}
+
+
+const btnModal = document.getElementById("btn-modal")
+btnModal.addEventListener("click", e => {
+    modalOn()
+})
+
+const closeBtn = modal.querySelector(".close-area")
+closeBtn.addEventListener("click", e => {
+    modalOff()
+})
+
+modal.addEventListener("click", e => {
+    const evTarget = e.target
+    if(evTarget.classList.contains("modal-overlay")) {
+        modalOff()
+    }
+})
+
+window.addEventListener("keyup", e => {
+    if(isModalOn() && e.key === "Escape") {
+        modalOff()
+    }
+})