Hai teman-teman semuanya? apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi ya belajarnya, kali ini kita akan belajar jquery nih hehe, kali ini kita akan coba menampilkan data array secara berkala dengan jquery, jadi idenya kita akan menampilkan data arrya setiap kita klik tombol secara berkala sampai data arraynya habis di load.

Untuk lebih jelasnya kita langusung saja praktek ya teman-teman, silahakan teman-teman buat sebuah file dan ketikan script berikut ini untuk struktur htmlnya,

saya menggunakan ul li ya nantinya untuk menampilkan list data arraynya, dan jangan lupa juga teman-teman load library dari jquerynya, jika sudah maka hasil yang tampil hanyalah sebuah tombol pada browser,

Nah sekarang kita akan masuk pada bagian jquerynya, silahkan teman-teman tambahkan script jquery berikut ini:

Pertama saya membuat sebuah variable list yang nilainya beberapa nilai array, lalu saya membuat sebuah variable awal yang nilainya adalah 0, setelah itu saya membuat sebuah fungsi click ketika id add diklik maka saya membuat stetment apabila nilai awalnya lebih besar sama dengan banyaknya nilai array didalam variable list maka akan menampilkan alert, jika tidak maka saya meng append li dengan nilai dari listnya satu per satu.

menampilkan data array secara berkala dengan jquery 1

Oke teman-teman untuk tutorial kali ini tentang menampilkan data array secara berkala dengan jquery  saya rasa cukup samapai sini dulu, semoga bermanfaat, terima kasih