/
ShadowCode
/
QR-generator
Обзор
Документация
Войти
/
ShadowCode
/
QR-generator
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
38 строк
2 KB
ShadowCode
create: index.html, script.js, style.css
25 май 2026, 17:48
Верифицирован
25 май 2026, 17:48
87c0ed2
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Генератор QR-кодов</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1>Генератор QR-кодов</h1> <div class="input-section"> <label for="dataInput">Введите ссылку или текст:</label> <input type="text" id="dataInput" placeholder="Например: https://www.example.com"> <button id="generateBtn">Сгенерировать QR-код</button> </div> <div class="output-section"> <h2>Ваш QR-код:</h2> <div id="qrcodeOutput" class="qr-code-container"> <!-- QR-код будет отображаться здесь --> <p>Здесь появится ваш QR-код после генерации.</p> </div> <a href="#" id="downloadLink" download="qrcode.png" style="display: none;"> <button>Скачать QR-код</button> </a> </div> </div> <!-- Подключение библиотеки qrcode.js --> <!-- Вы можете скачать этот файл и разместить локально, или использовать CDN --> <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script> <script src="script.js"></script> </body> </html>