Fix TODO : fermer la modale OpenClassrooms-Student-Center#1

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+starterOnly/.DS_Store

starterOnly/index.html

@@ -54,7 +54,7 @@ <h1 class="hero-headline">
 
       <div class="bground">
         <div class="content">
-          <span class="close"></span>
+          <span class="close close-btn"></span>
           <div class="modal-body">
             <form
               name="reserve"

starterOnly/modal.js

@@ -10,6 +10,7 @@ function editNav() {
 // DOM Elements
 const modalbg = document.querySelector(".bground");
 const modalBtn = document.querySelectorAll(".modal-btn");
+const modalCloseBtn = document.querySelectorAll(".close-btn");
 const formData = document.querySelectorAll(".formData");
 
 // launch modal event
@@ -20,4 +21,12 @@ function launchModal() {
   modalbg.style.display = "block";
 }
 
+// close modal event
+modalCloseBtn.forEach((btn) => btn.addEventListener("click", closeModal));
+
+// close modal form
+function closeModal() {
+  modalbg.style.display = "none";
+}
+