небольшое дополнение для удобства

html/account.html

@@ -65,39 +65,9 @@
         <p><i class="bi bi-journal-text me-2"></i>Все права защищены, 2025</p>
     </footer>
 
-    <!-- маска для номера телефона -->
-    <script type="module" src="/src/main.js"></script>
+    <!-- маска + карточка пользователя -->
+    <script type="module" src="/src/account.js"></script>
 
-    <script>
-        document.getElementById("loginForm")?.addEventListener("submit", (e) => {
-            e.preventDefault();
-
-            const number = document.getElementById("number").value;
-            const password = document.getElementById("password").value;
-            const hiddenPassword = "*".repeat(password.length);
-            // типо AJAX
-            setTimeout(() => {
-                // создаём карточку пользователя
-                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>${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);
-            }, 0);
-        });
-    </script>
 </body>
 
 </html>

html/src/account.js

@@ -0,0 +1,36 @@
+import Inputmask from "inputmask";
+
+// маска для телефона
+document.addEventListener("DOMContentLoaded", () => {
+    Inputmask("+7 (999) 999-99-99").mask(document.getElementById("number"));
+});
+
+// карточка с пользователем
+document.getElementById("loginForm")?.addEventListener("submit", (e) => {
+    e.preventDefault();
+
+    const number = document.getElementById("number").value;
+    const password = document.getElementById("password").value;
+    const hiddenPassword = "*".repeat(password.length);
+    // типо AJAX
+    setTimeout(() => {
+        // создаём карточку пользователя
+        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>${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);
+    }, 0);
+});

html/src/main.js

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