/
axe
/
gala
Обзор
Документация
Войти
/
axe
/
gala
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
112 строк
5 KB
gusen
app beautify2
25 июн 2026, 18:05
25 июн 2026, 18:05
143035d
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Галактика — Калькулятор Авторитета</title> <link rel="stylesheet" href="main.css"> <script defer type="module" src="script.js"></script> </head> <body> <div class="container"> <!-- Шапка --> <header class="header"> <h1>⭐ Галактика ⭐<br>Калькулятор Авторитета</h1> </header> <!-- Таб-навигация --> <nav class="tabs"> <button class="tab-btn tab-rang active" data-tab="tab1">До ранга</button> <button class="tab-btn tab-target" data-tab="tab2">До цели</button> <button class="tab-btn tab-cores" data-tab="tab3">Ядра</button> </nav> <!-- Контент --> <div class="tab-content"> <!-- ================= ФИШКА 1: ДО СЛЕДУЮЩЕГО РАНГА ================= --> <div id="tab1" class="tab-pane active"> <div class="card"> <h2>До следующего ранга!</h2> <div> <p>Собери свой текущий авторитет (нажимай на иконку, чтобы добавить, нажимай −, чтобы убрать):</p> <div id="currentAuthorityBuilder" class="builder"></div> <div class="builder-actions"> <button id="resetCurrentBuilder" class="btn-with-icon reset-btn">Сбросить</button> </div> </div> <div class="builder-result"> <strong>Твой текущий авторитет:</strong> <div id="currentVisual" class="visual-icons"></div> <div id="currentTotal" class="total-votes">0 голосов</div> </div> <button id="calcNextRank" class="btn-with-icon total-btn">Рассчитать</button> <div id="nextRankResult" class="result"></div> </div> </div> <!-- ================= ФИШКА 2: КОНСТРУКТОР ЦЕЛИ ================= --> <div id="tab2" class="tab-pane"> <div class="card"> <h2>Сколько ядер нужно до моей цели?</h2> <div> <p>Собери целевой авторитет (нажимай на иконку, чтобы добавить, нажимай −, чтобы убрать):</p> <div id="authorityBuilder" class="builder"></div> <div class="builder-actions"> <button id="resetBuilder" class="btn-with-icon reset-btn">Сбросить цель</button> </div> </div> <div class="builder-result"> <strong>Твой целевой авторитет:</strong> <div id="targetVisual" class="visual-icons"></div> <div id="targetTotal" class="total-votes">0 голосов</div> </div> <button id="calcFromBuilder" class="btn-with-icon total-btn">Рассчитать ядра до этой цели</button> <div id="rubyResult" class="result"></div> </div> </div> <!-- ================= ФИШКА 3: ИЗ ИМЕЮЩИХСЯ ЯДЕР ================= --> <div id="tab3" class="tab-pane"> <div class="card"> <h2>Сколько авторитета дадут мои ядра?</h2> <div class="input-group"> <label> <img src="./assets/images/cb/gball.png" alt="Золотое ядро" class="core-icon"> Золотых ядер: </label> <input type="number" id="goldCores" value="0" min="0"> </div> <div class="input-group"> <label> <img src="./assets/images/cb/fball.png" alt="Огненное ядро" class="core-icon"> Огненных ядер: </label> <input type="number" id="fireCores" value="0" min="0"> </div> <div class="input-group"> <label> <img src="./assets/images/cb/xball.png" alt="Разрывное ядро" class="core-icon"> Разрывных ядер: </label> <input type="number" id="explosiveCores" value="0" min="0"> </div> <div class="builder-actions"> <button id="resetCores" class="btn-with-icon reset-btn">Сбросить все ядра</button> </div> <div id="coresResult" class="result visual-icons visual-icons-core"></div> </div> </div> </div> </div> </body> </html>