правки

html/account.html

@@ -66,7 +66,7 @@
     </footer>
 
     <!-- маска + карточка пользователя -->
-    <script type="module" src="/src/account.js"></script>
+    <script type="module" src="/src/main.js"></script>
 
 </body>
 

html/database/data.json

@@ -1,16 +1,2 @@
 {
-  "users": [
-    {
-      "id": "67af",
-      "number": "+7 (111) 111-11-11",
-      "password": "11111"
-    },
-    {
-      "id": "77aa",
-      "number": "+7 (222) 222-22-22",
-      "password": "222222"
-    }
-  ],
-  "books": [],
-  "authors": []
 }

html/src/account.js

@@ -1,52 +0,0 @@
-import Inputmask from "inputmask";
-
-// маска для телефона
-document.addEventListener("DOMContentLoaded", () => {
-    Inputmask("+7 (999) 999-99-99").mask(document.getElementById("number"));
-});
-
-document.getElementById("loginForm")?.addEventListener("submit", async (e) => {
-    e.preventDefault();
-
-    const number = document.getElementById("number").value.trim();
-    const password = document.getElementById("password").value.trim();
-    const hiddenPassword = "*".repeat(password.length);
-
-    // ✨ Создаём нового пользователя
-    const user = { number, password };
-
-    try {
-        const res = await fetch("http://localhost:5174/users", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(user),
-        });
-
-        if (!res.ok) {
-            throw new Error("Ошибка при добавлении пользователя в БД");
-        }
-
-        const createdUser = await res.json(); // Получаем id и подтверждение
-
-        // карточка пользователя
-        const card = document.createElement("div");
-        card.className = "col-md-4 mb-4";
-        card.innerHTML = `
-            <div class="card text-dark bg-light">
-                <div class="card-header">
-                    <i class="bi bi-person-circle me-2"></i>Профиль пользователя
-                </div>
-                <div class="card-body">
-                    <h5 class="card-title">Добро пожаловать!</h5>
-                    <p class="card-text"><i class="bi bi-telephone-fill me-2"></i>${createdUser.number}</p>
-                    <p class="card-text"><i class="bi bi-shield-lock-fill me-2"></i>Пароль: <code>${hiddenPassword}</code></p>
-                </div>
-            </div>
-        `;
-
-        document.getElementById("userCards").appendChild(card);
-        document.getElementById("loginForm").reset();
-    } catch (error) {
-        alert(error.message);
-    }
-});

html/src/main.js

@@ -1,3 +1,14 @@
-import "bootstrap"; // Подключение JS Bootstrap
+import "bootstrap";
 import "bootstrap-icons/font/bootstrap-icons.css";
-import "bootstrap/dist/css/bootstrap.min.css"; // Подключение стилей
+import "bootstrap/dist/css/bootstrap.min.css";
+import Inputmask from "inputmask";
+import controller from "../mvc/controller";
+
+document.addEventListener("DOMContentLoaded", () => {
+    controller.init();
+});
+
+// маска для телефона
+document.addEventListener("DOMContentLoaded", () => {
+    Inputmask("+7 (999) 999-99-99").mask(document.getElementById("number"));
+});