diff --git a/public/modal.js b/public/modal.js
new file mode 100644
index 0000000..00b1313
--- /dev/null
+++ b/public/modal.js
@@ -0,0 +1,19 @@
+var modal_open = document.querySelectorAll("[data-modal-open]");
+modal_open.forEach(onclick_load)
+
+function onclick_load(item, index) {
+    var block = item.getAttribute("data-modal-open");
+    console.log("evet");
+    console.log(item)
+    document.querySelector(block).classList.toggle("no-active");
+    document.querySelector("#user-edit").querySelector(".modal-close").onclick = function() {
+        document.querySelector(block).classList.toggle("no-active");
+    }
+
+    item.onclick = function() {
+        document.querySelector(block).classList.toggle("no-active");
+    };
+
+
+
+}