Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi belajarnya, materi pembahasan kita masih seputar javascript, nah pada pembahasan kali ini kita akan mulai memanipulasi element html dengan javascript atau yang kita kenal dengan istilah DOM(Document Object Model). pembahasan kali ini kita akan belajar bagai mana cara menambahkan atribut class dengan javascript

Pada kasus ini kita akan coba menambahkan class pada element p dengan javascript, oke silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya menambahkan sebuah element p dan saya membuat sebuah class parag. jadi kasusnya kita akan menambahkan class parag kedalam p sehingga style dari class parag dapat mengubah element p.

Oke jika sudah save silahakan teman-teman jalankan dulu dibrowser, terlihat hasilnya masih belum ada apa-apa, silahakan teman-teman tambahkan dan ketikan script berikut ini:

Jadi saya membuat sebuah variable dimana variable itu merupakan  nilai dari element p,

Karena saya menggunakan getelementsbytagname jadi saya hharus menyisipkan indeks yaitu 0 lalu saya memberikan penambahan class parag dengan fungsi dari javascript.

Jika sudah silahkan teman-teman jalankan pada browser, maka class p akan mendapatkan style dari class parag yang kita buat karena element p telah memiliki class parag, yang kita tambahkan dengan className fungsi dari javascript .

Oke teman-teman untuk tutorial kali ini tentang menambahkan atribut class dengan javascript saya rasa cukup dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi

Terima kasih,