Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi pembahasan tentang javascript, pada pembahasan kali ini kita akan belajar membuat sebuah validasi username sederhana dengan javsacript event keyup,Seperti yang kita tau, event keyup adalah event yang berjalan ketika kita mengetikan sesuatu pada form, kita bisa memanfaatkan event ini untuk membuat  validasi username yang lebih interaktif,

jadi nanti kasusnya ketika kita ketikan sesuatu tapi nilainya belum sesuai dengan nilai username yang benar maka akan menampilkan pesan salah begitu juga sebaliknya,

Mungkin untuk lebih jelasnya kita langsung saja praktek, pertama silahakan teman-teman buat sebuah file html dan ketikan script berikut ini:

Saya membuat sebuah input dengan id username, dan sebuah span untuk menampilkan pesannya nanti, jika sudah kita akan masuk pada script javascriptnya, sekarang silahakan teman-teman tambahkan script javsacript berikut ini:

Saya membuat sebua variable user dengan nilai dumet, lalu saya mengget element id username dan message, dimana username akan kita gunakan untuk kita berikan event keyup dan message aakan kita gunakan untuk menampilkan pesannya,

lalu pada var username saya memberikan fungsu addevenlistener untuk memberikan event yang didalamnya terdapat stetment, apabula username.value sama dengan nilai user maka akan tampil pesan valid, begitu juga sebaliknya,

Jika sudah silahakan teman-teman save dan jalankan pada browser,

maka jika kita ketikan sesuatu yang bukan kata “dumet” akan muncul pesan password invalid, dan jika kita ketikan username dengan benar, maka akan tercetak password valid, silahakan teman-teman demokan sendiri hasil yang teman-teman buat,

Oke untuk tutorial kali ini tentang membuat sebuah validasi username sederhana dengan javsacript event keyup saya rasa cukup sampai sini dulu, semoga tutorial sederhana ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih.