diff --git a/starterOnly/index.html b/starterOnly/index.html index 25fef80699..e182a52a40 100644 --- a/starterOnly/index.html +++ b/starterOnly/index.html @@ -1,23 +1,22 @@ - - - Reservation - - - - - - -
- -
-
-
-

- Marathon national
- de jeux vidéos -

-

- Vous aimez jouer ? Notre prochain évènement gaming est ouvert - aux réservations... Places limitées ! -

- -
-
- img -
+
+
+
+
+

+ Marathon national
+ de jeux vidéos +

+

+ Vous aimez jouer ? Notre prochain évènement gaming est ouvert + aux réservations... Places limitées ! +

+
+ img +
+ +
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-

A quel tournoi souhaitez-vous participer cette année ?

-
- - - - - - - - - - - - -
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+

A quel tournoi souhaitez-vous participer cette année ?

+
+ + + + + + + + + + + + +
-
- - -
- - -
-
- - -
+
+ + +
+ + +
+
+ +
-
-
-

- Copyright 2014 - 2022, GameOn Inc. -

-
- - - +
+ + + + + + \ No newline at end of file diff --git a/starterOnly/modal.js b/starterOnly/modal.js index 694a848564..a6aa365dec 100644 --- a/starterOnly/modal.js +++ b/starterOnly/modal.js @@ -9,6 +9,7 @@ function editNav() { // DOM Elements const modalbg = document.querySelector(".bground"); +const closmodalbg = document.querySelector(".close") const modalBtn = document.querySelectorAll(".modal-btn"); const formData = document.querySelectorAll(".formData"); @@ -19,5 +20,12 @@ modalBtn.forEach((btn) => btn.addEventListener("click", launchModal)); function launchModal() { modalbg.style.display = "block"; } +// Écoute du click sur la class .close +closmodalbg.addEventListener("click", closeModal); + +// Je change mon display si j'ai cliqué sur la class .close +function closeModal() { + modalbg.style.display = "none"; +}