Maksud dari cara membuat tampilan deskripsi tab dengan Javascript adalah dimana kita mengklik suatu tab maka sesuatu akan muncul, hampir sama seperti kemarin ya tentang cara kita membuat acordion, jika acordion kita memilih satu deskripsi yang lain masih kebuka, tetapi disini berbeda jika kita memlih satu tab, maka tab dengan deskripsi lain tidak akan kebuka seperti itu, dan disini saya akan memberitau bagaimana cara menggunakan javascript, jadi jangan kemana-mana simak terus ya.

Oke untuk kasus cara membuat tampilan deskripsi tab ini saya akan membuatnya halnya seperti tampilan menu dimana ketika kita klik menu home maka yang tampil halaman home seperti itu, oke langsung saja ya, silahkan teman-teman buat file index.html dan silahkan copy kode ini:

Bisa dilihat disetiap menu saya membuat sebuah event onclick, dimana event onclick itu akan menuju ke function yang akan memproses seperti yang teman-teman lihat diatas. jika kita lihat ketika kita klik tab yang membawa sebuah parameter deskripsinya akan di cocokan pada id deskripsinya, dan disini kita set sama, jadi id deskripsi mana yang akan di tampikan.

disini saya juga membuat sebuah class active dimana class active it berfungsi untuk menandai kita sekarang lagi membuka tab yang mana, supaya deskripsinya tampil juga, oke bagaimana hasilnya, hasilnya akan tampil seperti ini:

cara membuat tampilan deskripsi tab dengan Javascript

silahkan teman-teman pilih tab yang lain, oke saya rasa cukup sampai sini belajar kita tentang cara membuat tampilan deskripsi tab dengan Javascript semoga bermanfaat dan sampai jumpa

WhatsApp chat