Cara Membuat Random Images Menggunakan Javascript

Hallo sobat program, bertemu lagi dengan saya Rizal dan masih diwebsite Dumetschool. Pada kesempatan kali ini saya akan memberikan sebuah tutorial tentang Cara Membuat Random Images Menggunakan Javascript.

Didalam tutorial kali ini kita akan menggunakan fungsi Math.random() dan sebuah fungsi untuk mengembalikan bilangan bulat terbesar yang kurang dari atau sama dengan bilangan yang diberikan yaitu fungsi Math.floor() pada javascript. fungsi Math.random() pada javascript ini tidak jauh berbeda dengan fungsi rand() pada PHP dan tujuannya sama untuk mengacak nilai secara random.

Oke pada kesempatan ini kita akan coba menggabungkan kedua fungsi diatas pada javascript untuk Cara Membuat Random Images Menggunakan Javascript. untuk lebih jelasnya mari kita coba, langkah pertama siapkanlah 4 buah gambar lalu buatlah folder serta file html seperti pada gambar dibawah ini :

Jika sudah, pada file html nya teman-teman tambahkan kode javascriptnya seperti pada contoh dibawah ini :

<html>
<head>
	<meta charset="UTF-8">
	<title>Random Images Javascript</title>
</head>
<body>
	<h4>Refresh For Random Images</h4>
	<img src="images/gambar1.jpg" width="300" height="300" id="gambarSaya">
	<script>
	window.onload = PilihGambar;

	var gambar = new Array("images/gambar2.jpg","images/gambar3.jpg","images/gambar4.jpg");

	function PilihGambar() {
	    var randomNum = Math.floor(Math.random() * gambar.length);
	    document.getElementById("gambarSaya").src = gambar[randomNum];
	}
	</script>
</body>	
</html>

Pada kode diatas, saya membuat variable gambar yang dimana nilainya berupa array gambar lau saya buat function dan didalam saya gunakan fungsi math.floor dan math.random dan dikali banyaknya nilai array lalu saya cetak. Dan hasil dari kode diatas akan menjadi seperti pada gambar dibawah ini :

Pada hasil diatas jika direfresh akan menampilkan gambar yang berbeda secara acak berdasarkan fungsi random pada javascript, jadi kurang lebihnya seperti itulah contoh sederhana tentang Cara Membuat Random Images Menggunakan Javascript.

Oke kalau begitu saya rasa cukup sekian dipembahasan kali ini tentang Cara Membuat Random Images Menggunakan Javascript. semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih