Hai teman-teman semuanya, apa kabar semoga tetap dalam keadaan sehat, kita lanjut lagi belajar tentang javascriptnya, pada pembahasan kali ini kita akan belajar bagaimana cara memanipulasi text dengan javascript.

untuk kasus kali ini kita akan mencoba memanipulasi nilai text dengan javascript pada kasusnya kita akan merubah suatu nilai text dengan javascript, untuk lebih jelasnya kita langsung saja praktek, pertama silahakan teman-teman buat sebuah file dan ketikan script html seperti berikut ini:

saya membuat sebuah element p yang didalamnya saya sisipkan span dengan id nama yang bernilai fahrizal, setelah itu saya membuat sebuah tombol dengan id ubah yang nanti akan kita gunakan untuk merubah nilai textnya,

Jika sudah silahakan teman-teman jalankan pada browser, maka hasilnya akan seperti berikut ini:

memanipilasi text dengan javascript 1

Jika sudah silahakan teman-teman buat script javascript seperti berikut ini :

Saya get ke dua id yag saya buat yaitu id nama dan id btn, lalu saya membuat sebuah event click pada btn dengan addEventListener  yang dimana dalam fungsinya saya merubah nilai variable nama menjadi wita yasman dengan innerText.

Jika sudah silahakan teman-teman save, dan jalankan pada browser, jika teman-teman klik tombolnya maka nilai fahrizal akan berubah sepert gambar berikut ini:

memanipilasi text dengan javascript 2

Gimana teman-teman? cukup mudah bukan, untuk tutorial kali ini tentang  memanipulasi text dengan javascript saya rasa cukup sampai disini dulu, semoga tutorial sederhana ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berkut nya

Terima kasih