Add files via upload

bodun56 · Oct 10, 2024 · 4bba2c8 · 4bba2c8
1 parent 7292f83
commit 4bba2c8
Showing 1 changed file with 51 additions and 50 deletions.
diff --git a/wapp/index.html b/wapp/index.html
@@ -4,56 +4,7 @@
     <meta charset="utf-8">
     <title></title>
     <script src="https://telegram.org/js/telegram-web-app.js"></script>
-    <script>
-      let tg = window.Telegram.WebApp; //получаем объект webapp телеграма 
-
-      tg.expand(); //расширяем на все окно  
-
-      tg.MainButton.text = "Changed Text"; //изменяем текст кнопки 
-      tg.MainButton.setText("Changed Text1"); //изменяем текст кнопки иначе
-      tg.MainButton.textColor = "#F55353"; //изменяем цвет текста кнопки
-      tg.MainButton.color = "#143F6B"; //изменяем цвет бэкграунда кнопки
-      tg.MainButton.setParams({"color": "#143F6B"}); //так изменяются все параметры
-
-      btn.addEventListener('click', function(){ //вешаем событие на нажатие html-кнопки
-        if (tg.MainButton.isVisible){ //если кнопка показана 
-          tg.MainButton.hide() //скрываем кнопку 
-        }
-        else{ //иначе
-          tg.MainButton.show() //показываем 
-        }
-      });
-
-      let btnED = document.getElementById("btnED"); //получаем кнопку активировать/деактивировать
-      btnED.addEventListener('click', function(){ //вешаем событие на нажатие html-кнопки
-        if (tg.MainButton.isActive){ //если кнопка показана 
-          tg.MainButton.setParams({"color": "#E0FFFF"}); //меняем цвет
-          tg.MainButton.disable() //скрываем кнопку 
-        }
-        else{ //иначе
-          tg.MainButton.setParams({"color": "#143F6B"}); //меняем цвет
-          tg.MainButton.enable() //показываем 
-        }
-      });
-
-      Telegram.WebApp.onEvent('mainButtonClicked', function(){
-        tg.sendData("some string that we need to send"); 
-        //при клике на основную кнопку отправляем данные в строковом виде
-      });
-
-      let usercard = document.getElementById("usercard"); //получаем блок usercard 
-
-      let profName = document.createElement('p'); //создаем параграф
-      profName.innerText = `${tg.initDataUnsafe.user.first_name}
-      ${tg.initDataUnsafe.user.last_name}
-      ${tg.initDataUnsafe.user.username} (${tg.initDataUnsafe.user.language_code})`;
-      //выдем имя, "фамилию", через тире username и код языка
-      usercard.appendChild(profName); //добавляем 
-
-      let userid = document.createElement('p'); //создаем еще параграф 
-      userid.innerText = `${tg.initDataUnsafe.user.id}`; //показываем user_id
-      usercard.appendChild(userid); //добавляем
-    </script>
+
     <style>
       body{
         color: var(--tg-theme-text-color);
@@ -96,4 +47,54 @@
       <button id="btn" class="button">Show/Hide Main Button</button> <!--Кнопка, чтобы скрыть / показать основную кнопку-->
       <button id="btnED" class="button">Enable/Disable Main Button</button> <!--Кнопка, чтобы сделать кнопку активной/неактивной-->
   </body>
+  <script>
+    let tg = window.Telegram.WebApp; //получаем объект webapp телеграма 
+
+    tg.expand(); //расширяем на все окно  
+
+    tg.MainButton.text = "Changed Text"; //изменяем текст кнопки 
+    tg.MainButton.setText("Changed Text1"); //изменяем текст кнопки иначе
+    tg.MainButton.textColor = "#F55353"; //изменяем цвет текста кнопки
+    tg.MainButton.color = "#143F6B"; //изменяем цвет бэкграунда кнопки
+    tg.MainButton.setParams({"color": "#143F6B"}); //так изменяются все параметры
+
+    btn.addEventListener('click', function(){ //вешаем событие на нажатие html-кнопки
+      if (tg.MainButton.isVisible){ //если кнопка показана 
+        tg.MainButton.hide() //скрываем кнопку 
+      }
+      else{ //иначе
+        tg.MainButton.show() //показываем 
+      }
+    });
+
+    let btnED = document.getElementById("btnED"); //получаем кнопку активировать/деактивировать
+    btnED.addEventListener('click', function(){ //вешаем событие на нажатие html-кнопки
+      if (tg.MainButton.isActive){ //если кнопка показана 
+        tg.MainButton.setParams({"color": "#E0FFFF"}); //меняем цвет
+        tg.MainButton.disable() //скрываем кнопку 
+      }
+      else{ //иначе
+        tg.MainButton.setParams({"color": "#143F6B"}); //меняем цвет
+        tg.MainButton.enable() //показываем 
+      }
+    });
+
+    Telegram.WebApp.onEvent('mainButtonClicked', function(){
+      tg.sendData("some string that we need to send"); 
+      //при клике на основную кнопку отправляем данные в строковом виде
+    });
+
+    let usercard = document.getElementById("usercard"); //получаем блок usercard 
+
+    let profName = document.createElement('p'); //создаем параграф
+    profName.innerText = `${tg.initDataUnsafe.user.first_name}
+    ${tg.initDataUnsafe.user.last_name}
+    ${tg.initDataUnsafe.user.username} (${tg.initDataUnsafe.user.language_code})`;
+    //выдем имя, "фамилию", через тире username и код языка
+    usercard.appendChild(profName); //добавляем 
+
+    let userid = document.createElement('p'); //создаем еще параграф 
+    userid.innerText = `${tg.initDataUnsafe.user.id}`; //показываем user_id
+    usercard.appendChild(userid); //добавляем
+  </script>
 </html>