diff --git a/06-modal/final/app.js b/06-modal/final/app.js index 8150932e4..04dfd7e50 100644 --- a/06-modal/final/app.js +++ b/06-modal/final/app.js @@ -3,13 +3,16 @@ // when user clicks modal-btn add .open-modal to modal-overlay // when user clicks close-btn remove .open-modal from modal-overlay + + + const modalBtn = document.querySelector(".modal-btn"); const modal = document.querySelector(".modal-overlay"); const closeBtn = document.querySelector(".close-btn"); -modalBtn.addEventListener("click", function () { - modal.classList.add("open-modal"); -}); -closeBtn.addEventListener("click", function () { - modal.classList.remove("open-modal"); +modalBtn.addEventListener("click", function() { + modal.classList.add("open-modal"); }); +closeBtn.addEventListener("click", function() { + modal.classList.remove("open-modal"); +}); \ No newline at end of file diff --git a/06-modal/final/index.html b/06-modal/final/index.html index c48044418..b9f10bf90 100644 --- a/06-modal/final/index.html +++ b/06-modal/final/index.html @@ -1,35 +1,36 @@ - + + Modal - + - - + + +
- +
-
-

modal content

- -
+
+

modal content

+ +
- - + + + \ No newline at end of file