1 files changed, 26 insertions, 0 deletions

diff --git a/assets/js/modal.js b/assets/js/modal.js
new file mode 100644
index 0000000..2cae945
--- /dev/null
+++ b/assets/js/modal.js
@@ -0,0 +1,26 @@
+var modals = document.querySelectorAll("[data-modal]");
+var modalToogles = document.querySelectorAll("[data-toogle=modal]");
+
+
+[...modals].forEach(modal => {
+    var closeBtns = modal.getElementsByClassName("close");
+    [...closeBtns].forEach(closeBtn => {
+        closeBtn.addEventListener("click", (event) => {
+            modal.style.display = "none";
+        });
+    })
+});
+
+[...modalToogles].forEach(toogle => {
+    toogle.addEventListener("click", (event) => {
+        var modal = document.querySelector(toogle.getAttribute('data-target'));
+        modal.style.display = "block";
+    });
+});
+
+window.addEventListener("click", function(event) {
+    if ([...modals].includes(event.target)) {
+        event.target.style.display = "none";
+    }
+});
+