Merge pull request #1 from AlexiaA-J/Close-Modal-Issue-#1

Fix Issue #1 Close Modal
AlexiaA-J · Apr 16, 2024 · 6bb7d39 · 6bb7d39
2 parents 380d151 + 1647e02
commit 6bb7d39
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/starterOnly/modal.js b/starterOnly/modal.js
@@ -11,6 +11,7 @@ function editNav() {
 const modalbg = document.querySelector(".bground");
 const modalBtn = document.querySelectorAll(".modal-btn");
 const formData = document.querySelectorAll(".formData");
+const modalClose = document.querySelector(".close")
 
 // launch modal event
 modalBtn.forEach((btn) => btn.addEventListener("click", launchModal));
@@ -20,4 +21,13 @@ function launchModal() {
   modalbg.style.display = "block";
 }
 
+// close modal event
+
+modalClose.addEventListener("click", closeModal)
+
+// close modal form
+
+function closeModal() {
+  modalbg.style.display = "none";
+}