Простое веб-приложение в стиле "Шар судьбы", которое генерирует случайные ответы на ваши вопросы. Идеально подходит для развлечения, легких гаданий и снятия скуки.
После ввода текста в поле (например, вопроса) и нажатия на кнопку или клавишу Enter, приложение:
- Проверяет, чтобы в вопросе не было запрещённых символов;
- Ограничивает длину до 20 символов;
- Показывает случайный ответ из большого набора (70+ вариантов);
- Иногда (с вероятностью 0.01%) выводит «секретное» сообщение — пасхалку.
- Поле ввода (
input#question-input): сюда пользователь вводит свой вопрос. - Блок ответа (
div#answer): здесь появляется магический ответ. - Предупреждение (
div#warning): отображает ошибки ввода или напоминания.
- Запрещённые символы:
0-9,<,>,",',&,/,\. - Максимум 20 символов в вопросе.
- При нарушении правил появляется соответствующее предупреждение под полем ввода.
<input id="question-input" type="text" placeholder="Задайте вопрос..." />
<button id="get-answer-btn">Получить ответ</button>
<div id="answer"></div>📌 Важно: убедитесь, что у вас есть элементы с id question-input, get-answer-btn и answer в DOM перед подключением JS-кода.
Ввод:
Мне стоит идти?
Вывод:
Да, но будьте осторожны
С шансом 0.01% (1 из 10 000), пользователь получит уникальный ответ:
"Вы хотите знать, что самое лучшее в детстве? В какой-то момент оно заканчивается. ©️ Малкольм в центре внимания"
MIT — используй свободно, но не забывай давать ссылку на оригинальный проект, если форкаешь или распространяешь.
Создан с любовью и вниманием к деталям.
- Убедись, что используешь код в безопасной среде, так как фильтрация минимальна и носит демонстрационный характер.
- Можно легко доработать стиль, добавить анимации, голосовое озвучивание или API-версию для Telegram-бота.