Как сделать свой генератор случайных чисел

Знач так, смотрите, все очень просто.

Установка

Подключаете в любое место вашего сайта вот этот код. Если нужно подключить, например, в WordPress запись/страницу, то делать это нужно в редакторе Текста, не в Визуальном.

<script src="https://shad0ff.com/random.js"></script>
 <div id="random"></div>

В принципе все, у вас должен появится генератор случайных чисел с полями для ввода чисел От и До и кнопка Сгенерировать.

Кастомизация

Это все добро вы можете изменить с помощью CSS.

Вот вам классы, которые вы можете изменить или где-то во внешнем файле, или прямо на странице/записе с помощью <style></style>:

Все изменения стоит вносить с указанием !important.

.random-container  - общий контейнер для всего генератора

.random-container .inputfield - блок со словом "от" и полем для ввода.
.random-container .inputfield2 - блок со словом "до" и полем для ввода.

.random-container .otdo - span класс слова "от"
.random-container .otdo2 - span класс слова "до"

.random-container input[type="text"] - поля для ввода

.random-container button - кнопка "Сгенерировать"

.random-container button:active - кнопка "Сгенерировать" при нажатии
.random-container #result - показываемый результат

Результат

Генератор случайных чисел


shad0ff © All Right Reserved