JavaScript tilfældig

Indholdsfortegnelse

Math.random()

Math.random() returnerer et tilfældigt tal mellem 0 (inklusive), og 1 (eksklusiv):

Eksempel

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

Prøv det selv →

<!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() returnerer altid et tal lavere end 1.

JavaScript tilfældige heltal

Math.random() brugt med Math.floor() kan bruges til at returnere tilfældige heltal.

Der er ikke noget som JavaScript-heltal.

Vi taler her om tal uden decimaler.

Eksempel

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

Prøv det selv →

<!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>

Eksempel

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

Prøv det selv →

<!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>

Eksempel

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

Prøv det selv →

<!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>

Eksempel

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

Prøv det selv →

<!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>

Eksempel

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

Prøv det selv →

<!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>

Eksempel

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

Prøv det selv →

<!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>

En korrekt tilfældig funktion

Som du kan se af eksemplerne ovenfor, kan det være en god idé at lave en ordentlig tilfældig funktion at bruge til alle formål med tilfældige heltal.

Denne JavaScript-funktion returnerer altid et tilfældigt tal mellem min (inkluderet) og max (udelukket):

Eksempel

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

Prøv det selv →

<!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>

Denne JavaScript-funktion returnerer altid et tilfældigt tal mellem min og maks (begge inkluderet):

Eksempel

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

Prøv det selv →

<!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>