Привет, друзья! В этом уроке вы узнаете, как сгенерироватьслучайное число 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 г.