OpenClassrooms-Student-Center#1 Close modal onclick associate button

GrimonprezAlexis · Feb 22, 2021 · 468df08 · 468df08
1 parent 74e7ea1
commit 468df08
Showing 1 changed file with 7 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 modalCloseBtn = document.querySelectorAll(".close");
 
 // launch modal event
 modalBtn.forEach((btn) => btn.addEventListener("click", launchModal));
@@ -20,4 +21,10 @@ function launchModal() {
   modalbg.style.display = "block";
 }
 
+// Close modal form
+function closeModal() {
+    modalbg.style.display = "none";
+}
 
+// Close modal event
+modalCloseBtn[0].addEventListener ("click", closeModal);