Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Option Menggunakan Perulangan For Pada Javascript.

Perulangan For digunakan untuk mengulang sebuah program yang telah kita buat. Nah, sekarang kita akan mencoba mengaplikasikan perulangan for untuk membuat option. Struktur perulangan for memiliki 4 perintah yaitu:

  • Kondisi awal
  • Kondisi akhir
  • Baris program yang akan di ulang
  • Dan kenaikan dalam setiap perulangan.

Ok, langsung saja saya akan memberi contoh pengaplikasian for dengan Cara Membuat Option Menggunakan Perulangan For Pada Javascript.

– Pertama teman-teman buat struktur dasar HTML-nya dulu bawah ini :

Jangan lupa save dengan nama index.html

– Kedua teman-teman ketikan tag <div> dan beri class seperti kode HTML di bawah ini:

– Ketiga teman-teman ketikan kode javascriptnya seperti kode di bawah ini:

Di atas saya sudah sisipkan commenting untuk penjelasannya

– Hasilnya akan menjadi seperti ini:

cara-membuat-option-menggunakan-perulangan-for-pada-javascript-1

– Dan pada saat kita klik optionnya maka akan tampil pilihan paket yang kita input seperti gambar di bawah ini:

cara-membuat-option-menggunakan-perulangan-for-pada-javascript-2

Bagaimana teman-teman mudahkan Cara Membuat Option Menggunakan Perulangan For Pada Javascript.

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.