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

Сегодня я расскажу как сделать генератор псевдослучайных чисел на JavaScript с выводом результата на страницу в браузер.

Данная задача является не слишком сложной и поэтому мы не станем разбивать код HTML и JavaScript по отдельным файлам и для наглядности поместим их вместе. На основе такой, казалось бы, тривиальной задачи я покажу работу с математическими функциями JavaScript, совмещением кода HTML и JavaScript и встраивание значений в элемент DOM.

Итак, поехали. Для начала нам понадобятся две функции:

Math.random() — возвращает псевдослучайное число в диапазоне от 0 до 1. Например:

Math.floor() — возвращает наибольшее целое число, меньшее, либо равное указанному числу. Например:

Объединим эти две функции для получения целочисленного значения. А так же определим диапазон значений между которым будет генерироваться число. Делается это разностью максимального и минимального значения и прибавлением единицы чтобы в диапазон не попадал ноль. Зададим код генератора псевдослучайных чисел в диапазоне от 1 до 100:

Здесь мы объявили переменную randomNumber и поместили в нее результат выполнения функций. Теперь создадим каркас нашей страницы HTML и разместим туда наш скрипт:

Если вы работали ранее с HTML, то здесь все должно быть вам знакомо. В последней строке JavaScript блока мы вставляем в div переменную содержащую псевдослучайное число используя метод innerHTML. Сохраните этот код в файл с расширением .html и запустите в браузере. Обновляйте страницу и вы увидите как меняются значения. Поиграйтесь с диапазоном значений. В следующей статье я расскажу как создать на основе этого кода генератор паролей.

1 Комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *