Привет, друзья! В этом уроке вы узнаете, как сгенерироватьслучайное число JavaScript от 1 до 10, что означает, что вы должны вернуть все числа, кроме 10, что означает от нуля до девяти. Чтобы генерировать случайные числа, вы должны иметь представление о двух функциях javascript, как указано ниже.
Math.random(): - Эта функция всегда возвращает числа меньше единицы, что означает, что она производит числа между нулем и единицей, или вы можете сказать, включая ноль и исключая единицу.
Пример: –
<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Below is a random number using Math.random()</h3> <p id="random"></p> <script type="text/javascript"> document.getElementById("random").innerHTML = Math.random(); </script> </body> </html>
Вывод:- Ниже показано случайное число, полученное с помощью Math.random() 0.7600114421439201
Math.floor() :- Эта функция возвращает число слева от числа с плавающей запятой, как показано в примере ниже.
Пример:-
<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Apply Math.floor() to 1.3</h3> <p id="floor"></p> <script type="text/javascript"> document.getElementById("floor").innerHTML = Math.floor(1.3); </script> </body> </html>
Вывод:- Применить Math.floor() к версии 1.3
Также читайте Объект в Javascript с примером
Два способа генерации случайного числа javascript от 1 до 10
- Использование функции Math.random() с помощью
- Использование функции javascript с помощью минимального и максимального числа.
Использование функции Math.random() с Math.floor()
Если вы хотите сгенерировать случайное число от 1 до 10, это означает, что вы собираетесь отображать числа от 0 до 9. Для этого вы можете использовать функцию Math.random() с Math.floor(), как показано ниже. в примере ниже
Пример:-
<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Random number between 1 and 10</h3> <p id="random_number"></p> <script type="text/javascript"> document.getElementById("random_number").innerHTML = Math.floor(Math.random()*10); </script> </body> </html>
Вывод:- Случайное число от 1 до 10 Использование функции javascript с минимальным и максимальным числом
Как мы все знаем, мы можем вернуть любое число или вывод внутри функции javascript. Здесь мы будем использовать функцию, использующую формулу, как показано в приведенном ниже примере, чтобы вернуть числа от 0 до 9.
Формула:- Math.floor(Math.random() * (max-min)) + min;
Пример:-
<html> <head> <title>Javascript random number example</title> </head> <body> <button type="button" onclick="genearteRandomNumber()">Click here to generate random number between 1 and 10</button> <p id="random_number_using_function"></p> <script type="text/javascript"> function genearteRandomNumber() { document.getElementById("random_number_using_function").innerHTML = Math.floor(Math.random()*(10-1))+1; } </script> </body> </html>
Вывод:-
Заключение.Я надеюсь, что это руководство поможет вам понять концепцию создания случайного числа. Если есть какие-либо сомнения, пожалуйста, оставьте комментарий ниже
Первоначально опубликовано на https://pbphpsolutions.com 14 сентября 2022 г.