JavaScript случайный

Оглавление

    Показать оглавление
Math.random()

Math.random() возвращает случайное число от 0 (включительно) до 1. (эксклюзив):

Пример

// Returns a random number:
Math.random();

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Math.random() returns a random number between 0 (included) and 1 (excluded):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.random();
</script>

</body>
</html>

Math.random() всегда возвращает число меньше 1.

Случайные целые числа в JavaScript

Math.random(), используемый с Math.floor(), может использоваться для возврата случайных целых чисел.

Целых чисел в JavaScript не существует.

Здесь мы говорим о числах без десятичных знаков.

Пример

// Returns a random integer from 0 to 9:
Math.floor(Math.random() * 10);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 10) returns a random integer between 0 and 9 (both 
included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10);
</script>

</body>
</html>

Пример

// Returns a random integer from 0 to 10:
Math.floor(Math.random() * 11);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 11) returns a random integer between 0 and 10 (both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 11);
</script>

</body>
</html>

Пример

// Returns a random integer from 0 to 99:
Math.floor(Math.random() * 100);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 100)) returns a random integer between 0 and 99 
(both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 100);
</script>

</body>
</html>

Пример

// Returns a random integer from 0 to 100:
Math.floor(Math.random() * 101);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor() used with Math.random() * 101 returns a random integer between 0 and 100 
(both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 101);
</script>

</body>
</html>

Пример

// Returns a random integer from 1 to 10:
Math.floor(Math.random() * 10) + 1;

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 10) + 1) returns a random integer between 1 and 10 
(both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10) + 1;
</script>

</body>
</html>

Пример

// Returns a random integer from 1 to 100:
Math.floor(Math.random() * 100) + 1;

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 100) + 1) returns a random integer between 1 and 
100 (both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 100) + 1;
</script>

</body>
</html>

Правильная случайная функция

Как вы можете видеть из приведенных выше примеров, было бы неплохо создать правильную случайную функцию. использовать для всех целей случайных целых чисел.

Эта функция JavaScript всегда возвращает случайное число между min (включено) и Макс. (исключено):

Пример

function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min) ) + min;
}

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Every time you click the button, getRndInteger(min, max) returns a random number between 0 
and 9 (both included):</p>

<button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)">Click Me</button>

<p id="demo"></p>

<script>
function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}
</script>

</body>
</html>

Эта функция JavaScript всегда возвращает случайное число между минимальным и максимальным (оба включены):

Пример

function getRndInteger(min, max) {
    return Math.floor(Math.random() * (max - min + 1) ) + min;
}

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Every time you click the button, getRndInteger(min, max) returns a random number between 1 and 10 (both included):</p>

<button onclick="document.getElementById('demo').innerHTML = getRndInteger(1,10)">Click Me</button>

<p id="demo"></p>

<script>
function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min + 1) ) + min;
}
</script>

</body>
</html>