Cara buat kutipan acak dengan javascript
Berikut adalah contoh kode JavaScript yang menggabungkan gambar acak dan kutipan acak dalam satu skrip:
Dengan kode di atas, Anda akan menampilkan kutipan acak dan gambar acak setiap kali halaman dimuat. Pastikan Anda memiliki elemen HTML dengan id "quote" untuk menampilkan kutipan dan elemen dengan id "randomImage" untuk menampilkan gambar pada halaman web Anda.
// Array kutipan-kutipan acak
var quotes = [
"Hidup adalah apa yang terjadi saat Anda sibuk membuat rencana lain. - John Lennon",
"Kesuksesan adalah kunci kegagalan yang dapat membuka banyak kunci. - Albert Einstein",
"Keberanian adalah tindakan pertama untuk menjadi pemenang. - Ralph Waldo Emerson",
"Kesuksesan adalah berjalan dari kegagalan satu ke kegagalan berikutnya dengan semangat tetap. - Winston S. Churchill",
"Hidup adalah apa yang kita buat darinya. - Bruce Lee",
"Keberhasilan adalah menerima kegagalan tanpa kehilangan semangat. - Winston S. Churchill",
"Kerja keras mengalahkan bakat ketika bakat tidak bekerja keras. - Tim Notke",
"Jangan menunggu peluang, buatlah sendiri. - Paulo Coelho",
"Kebijaksanaan adalah mengetahui perbedaan antara apa yang bisa kita ubah dan apa yang tidak bisa kita ubah. - Epiktetos",
"Satu-satunya cara untuk melakukan pekerjaan besar adalah mencintai pekerjaan yang Anda lakukan. - Steve Jobs"
];
// Array URL gambar-gambar acak
var imageUrls = [
"url_gambar_1.jpg",
"url_gambar_2.jpg",
"url_gambar_3.jpg",
"url_gambar_4.jpg",
"url_gambar_5.jpg"
];
// Fungsi untuk mendapatkan kutipan acak
function getRandomQuote() {
var randomIndex = Math.floor(Math.random() * quotes.length);
return quotes[randomIndex];
}
// Fungsi untuk mendapatkan URL gambar acak
function getRandomImageUrl() {
var randomIndex = Math.floor(Math.random() * imageUrls.length);
return imageUrls[randomIndex];
}
// Menampilkan kutipan acak pada halaman web
var quoteElement = document.getElementById("quote");
quoteElement.innerHTML = getRandomQuote();
// Menampilkan gambar acak pada halaman web
var imageElement = document.getElementById("randomImage");
imageElement.src = getRandomImageUrl();
Dengan kode di atas, Anda akan menampilkan kutipan acak dan gambar acak setiap kali halaman dimuat. Pastikan Anda memiliki elemen HTML dengan id "quote" untuk menampilkan kutipan dan elemen dengan id "randomImage" untuk menampilkan gambar pada halaman web Anda.
Posting Komentar untuk "Cara buat kutipan acak dengan javascript "