Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya kali ini, masih seputar javascript dan masih berhubungan dengan tutorial saya sebelumnya, yang bisa teman-teman lihat dan ikuti stepnya di link berikut ini: klik disini.

pada kasli ini kita akan membuat Study Case Menampilkan Detail Hero Javascript  

Kemarin pada tutorial sebelumnya kita telah belajar menampilkan data array pada select option seta memfilternya sesuai dengan nilai yang kita pilih pada select option tersebut, yang hasilnya teman-teman bisa lihat seperti ini Filter Data Menggunakan Select Option Dengan Javascript 1

Sekarang kita akan buat kasusnya ketika kita klik salah satu list heronya kita akan mendapatkan detail hero yang tampil sebelumnya, saya merubah nilai variable hero yang kita punya yang sebelumnya adalah data array, saya rubah menjadi data array object seperti berikut ini :

Jdi untuk menampilkan pada fungsi loadnya adalah seperti ini :

Sekarang kita akan buat fungsi untuk menampilkan detailnya ketika di klik salah satu heronya, silahakan teman -teman tambahkan script seperti berikut ini:

Dimana fungsi detail akan kita jalankan saat selectnya di change seperti beikut ini:

Jika Sudah silahakan teman-teman jalankan pada browser dan lihat hasilnya, hasilnya akan seperti berikut ini:

study case detail hero

NOTE : HARUS SUDAH MEMPRAKTEKAN TUTORIAL SEBELUMNYA DI LINK DIATAS.

Oke tema-teman untuk tutorial kali ini cukup sampai sini dulu semoga bermanfaat,

terima kasih