Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Button Bootstrap Berdasarkan Nama Array dengan menggunakan javascript. Teman-teman bisa download terlebih dahulu file bootstrapnya di getbootstrap.com lalu simpan dalam satu folder dengan file html yang akan kita buat nanti.

Oke langkah untuk Membuat Botton Bootstrap berdasarkan Nama Array yaitu kita buat struktur htmlnya terlebih dahulu. Teman-teman bisa copy kodingan berikut ini.

Teman-teman jangan lupa membuat link href untuk menyambungkannya dengan file bootstrapnya. Dan letakkan didalan head html seperti pada script di atas. Jika sudah selesai lalu kita buat variable arraynya letakkan didalam javascriptnya. Dan berikut nama-nama array yang saya gunakkan.

Oke teman-teman kita lanjutkan untuk menampilkan button atau tombol bootstrapnya kedalam div dengan nama id demo menggunakkan metode innerHTML yang ada pada javascript. Dan berikut scriptnya ya teman-teman.

Kalian bisa perhatikan script di atas dimana saya melakukan looping terhadap array sesuai jumlah array yang ada dan kemudian saya cetak di dalam div dengan nama id demo menggunakan getElementById. Teman-teman juga bisa lihat di scriptnya dimana untuk mencetak tombol atau botton bootsrapnya saya menggunakan innerHTML dan saya cetak berdasarkan nama array yang sudah saya buat.

Jika teman-teman lihat dibrowser masing-masing maka akan tampak seperti pada gambar di bawah ini.

Membuat Button Bootstrap Berdasarkan Nama Array

Demikian artikel tentang cara Membuat Button Bootstrap Berdasarkan Nama Array dengan menggunakan innerHTML yang ada pada bootstrap. Semoga bermanfaat dan selamat mencoba.