Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat. kita lanjut lagi ya belajarnya, pada pembahasan javascript kali ini kita akan mencoba membuat satu kasus yaitu membuat fungsi show password dengan javascript.

Pertama-tama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat sebuah element input type password, dan saya membuat sebuah checkbox, jadi nanti kasusnya ketika saya ceklis checkboxnya maka passwordnya akan terlihat,

Jika sudah silahakan teman-teman tambahkan script javascript berikut ini:

Pertama saya get element dengan id show dan saya get juga element dengan id pass, id show adalah input type checkbox sedangkan id pass adalah inputan dengan type password, lalu saya memberikan sebuah event dengan eventlistener yang didalamnya saya melakukan if stetment apabila id all checked atau terpilih, yang artinya user ceklis menu show password, maka saya menset attrubut input type password menjadi text, yang artinya teksnya akan tampil di inputan, apabila saya hilangkan checklistnya maka akan mebali lagi menjadi input type password.

Hasilnya bisa teman-teman jalankan pada browser,

Gimana teman-teman, cukup mudah bukan, saya rasa untuk tutoral kali ini tentangĀ  membuat fungsi show password dengan javascript cukup sampai sini dulu semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih