Update user.html

user.html

@@ -5,11 +5,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>VK Authorization</title>
   <script src="https://vk.com/js/api/openapi.js?169"></script>
-  <script>
-    VK.init({
-      apiId: 52295022
-    });
-  </script>
   <style>
     /* Стили для контейнера кнопки */
     .button-con2 {
@@ -45,17 +40,23 @@
   </div>
 
   <script>
-    document.getElementById("vk_auth_button").addEventListener("click", function() {
-      VK.Auth.login(function(response) {
-        if (response.session) {
-          /* Пользователь успешно авторизовался */
-          console.log("User ID:", response.session.user.id);
-          console.log("User Info:", response.session.user);
-        } else {
-          /* Пользователь нажал кнопку Отмена в окне авторизации */
-          console.log("Authorization canceled");
-        }
-      }, 4); // Запрос прав на доступ к фотографиям (пример)
+    document.addEventListener('DOMContentLoaded', function() {
+      VK.init({
+        apiId: 52295022
+      });
+
+      document.getElementById("vk_auth_button").addEventListener("click", function() {
+        VK.Auth.login(function(response) {
+          if (response.session) {
+            /* Пользователь успешно авторизовался */
+            console.log("User ID:", response.session.user.id);
+            console.log("User Info:", response.session.user);
+          } else {
+            /* Пользователь нажал кнопку Отмена в окне авторизации */
+            console.log("Authorization canceled");
+          }
+        }, 4); // Запрос прав на доступ к фотографиям (пример)
+      });
     });
   </script>
 </body>