Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, masih seputar javascript, pembahasan kali ini kita akan belajar tentang classlist pada DOM javascript.

fungsi dari classlist pada DOM javascript adalah untuk memanipulasi class yang ada pada element html, sama seperti halnya classname pada javascript, perbedaanya adalah classname bersifat mereplace class sebelumnya, jika kita ingin menambahkan class lebih dari satu baiknya kita menggunakan classlist pada DOM javascript.

kali ini kita akan praktekan bagaimana cara menambahkan class lebihj dari satu pada javascript dengan menggunakan classlist javascript,
Pertema silahakan teman-teman buat sebuah file dan ketikan script seperti berikut ini:

Script diatas saya membuat sebuah element p yang nantinya saya akan manipulasi dengan menggunakan classlist, dan juga saya membuat 2 buah class pada stylenya,

jika teman-teman save maka hasilnya akan seperti berikut ini:

classlist pada DOM javascript 1

nah sekarang silahakan teman-teman tambahkan script javascript seperti berikut ini:

Nah dengan menggunakan classlist ini saya menggunakan fungsi add yang berarti menambahkan class pada element p, saya menambahkan 2 class yang sudah saya atur style nya,

hasilnya element p yang kita atur tadi, akan bertambah class merah dan tebal, hasilnya akan seperti berikut ini:

classlist pada DOM javascript 2

Jika tetam teman perhatikan pada bagian inspect element maka element p tersebut akan mendapatkan class merah dan tebal.

Oke teman-teman saya rasa untuk tutorial kali ini tentang classlist pada DOM javascript  cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untutk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya. terima kasih.