Hai teman-teman semuanya? apa kabar? semoga tetap dalam keadaan sehat. masi semangat belajarnya? kita lanjut lagi yah belajarnya, pada pembahasan kali ini kita masi membahas seputar DOM javascript, kali ini kita akan membuat efek bold italic dan underline pada ms.word dengan javascript.

Oke langkah pertama silahkan teman-teman buat satu buah file dan ketikan script seperti berikut ini:

Saya membuat 3 buah tombol yakn: bold, underline, italic lalu saya membuat satu text selamat pagi juara yang nantinya akan kita manipulasi,

jika sudah teman-teman coba jalankan pada browser, maka hasilnya adalah seperti berikut ini:

membuat efek bold italic dan underline pada ms.word dengan javascript1

hasilnya belum terjadi apa-apa, nah sekarang kita akan membuat fungsi seperti ms.word ya teman-teman, silahkan teman-teman tambahkan script javascript seperti berikut ini :

saya menggunakan classlist toggle untuk menambahkan dan menghapus class dan nilai classnya sendiri saya dapatkan dari value masing masing buttonnya, jika teman-teman jalankan pada browser hasilnya setiap tombol yang kita klik akan memberikan class yang mana classnya akan dibaca olec css sehingga memberikan style seprti yang kita mau,

Gimana teman-teman cukup mudah bukan? untuk tutorial kali ini tentang membuat efek bold italic dan underline pada ms.word dengan javascript semoga tutorial kali ini bermanfaat untuk teman-teman semuanya,

Terima kasih

 

WhatsApp chat