Contoh Angka Acak pada JavaScript

Contoh Angka Acak pada JavaScript

Berikut adalah Contoh Angka Acak pada JavaScript

JavaScript
// Menghasilkan angka acak antara 1 dan 10
var randomNumber = Math.floor(Math.random() * 10) + 1;

// Menampilkan angka acak pada console
console.log(randomNumber);
JavaScript

Berikut adalah contoh kode HTML untuk menampilkan angka acak yang dihasilkan menggunakan JavaScript

JavaScript
<!DOCTYPE html>
<html>
<head>
    <title>Angka Acak</title>
    <script>
        function generateRandomNumber() {
            var randomNumber = Math.floor(Math.random() * 10) + 1;
            document.getElementById("randomNumber").innerHTML = randomNumber;
        }
    </script>
</head>
<body>
    <h1>Angka Acak</h1>
    <button onclick="generateRandomNumber()">Generate Angka Acak</button>
    <p id="randomNumber"></p>
</body>
</html>
JavaScript

Dalam contoh kode di atas, kita menggunakan fungsi Math.random() untuk menghasilkan angka acak antara 0 dan 1. Kemudian, kita mengalikan angka acak tersebut dengan 10 dan menggunakan Math.floor() untuk membulatkan hasilnya menjadi bilangan bulat. Terakhir, kita menambahkan 1 agar angka acak yang dihasilkan berada dalam rentang 1 hingga 10.

Output:

See the Pen Contoh Angka Acak pada JavaScript by WebbizID (@De-Orchids) on CodePen.

Pada contoh kode HTML, kita menggunakan fungsi generateRandomNumber() yang dipanggil saat tombol “Generate Angka Acak” diklik. Fungsi ini akan menghasilkan angka acak menggunakan kode JavaScript yang sama seperti yang dijelaskan sebelumnya, dan kemudian menampilkan angka acak tersebut di dalam elemen dengan id “randomNumber”.

Dengan menggunakan kombinasi JavaScript dan HTML seperti di atas, kita dapat menghasilkan dan menampilkan angka acak pada halaman web.

Leave a Reply

Your email address will not be published. Required fields are marked *