Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara buat kutipan acak dengan javascript

Berikut adalah contoh kode JavaScript yang menggabungkan gambar acak dan kutipan acak dalam satu skrip:

// 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 "