Home » Javascript » JavaScript Random: Contoh Code dan Cara Membuatnya

JavaScript Random: Contoh Code dan Cara Membuatnya

by Catur Kurnia Sari
by Catur Kurnia Sari

Section Artikel

Math.random()

Math.random () digunaka untuk mengembalikan angka acak antara 0 (inklusif), dan 1 (eksklusif).

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p>Math.random () mengembalikan angka acak antara 0 (inklusif), dan 1 (eksklusif).</p>

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

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

</body>
</html>

Math.random () selalu mengembalikan angka yang lebih rendah dari 1.

Integer Random JavaScript

Math.random() yang digunakan dengan Math.floor() berfungsi untuk mengembalikan nilai bilangan bulat acak.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor (Math.random () * 10) mengembalikan bilangan bulat acak antara 0 dan 9 (termasuk keduanya):</p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor (Math.random () * 11) mengembalikan bilangan bulat acak antara 0 dan 9 (termasuk keduanya):</p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p> Math.floor (Math.random () * 100)) mengembalikan bilangan bulat acak antara 0 dan 99
(termasuk keduanya): </p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p> Math.floor (Math.random () * 100)) mengembalikan bilangan bulat acak antara 0 dan 99
(termasuk keduanya): </p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor (Math.random () * 10) + 1) mengembalikan bilangan bulat acak antara 0 dan 9 (termasuk keduanya):</p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p> Math.floor (Math.random () * 100) + 1) mengembalikan bilangan bulat acak antara 0 dan 99
(termasuk keduanya): </p>

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

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

</body>
</html>

Fungsi Random yang Tepat

Seperti yang telah kita lihat dari contoh di atas, membuat fungsi random yang tepat untuk digunakan dengan tujuan untuk mengacak bilangan integer adalah ide yang baik.

Fungsi JavaScript di bawah ini selalu mengembalikan angka acak antara min (termasuk) dan max (dikecualikan).

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p> Setiap kali Anda mengklik tombol, getRndInteger (min, max) mengembalikan angka acak antara 0
dan 9 (keduanya termasuk): </p>

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

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

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

</body>
</html>

Fungsi JavaScript di bawah ini selalu mengembalikan angka acak antara min dan max (keduanya disertakan).

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p> Setiap kali Anda mengklik tombol, getRndInteger (min, max) mengembalikan nomor acak antara 1 dan 10 (keduanya disertakan): </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>

You may also like