Hai apa kabar teman-teman semuanya, masi dalam pembahasan tentang jquery, Kali ini kita akan belajar tentang event keypress input dan output pada jquery.

Apa itu keypress, didalam jquery,keypress adalah suatu event ketika kita menekan tombol enter pada keyboard, pada studikasus kali ini kita akan membuat sebuah inputan dimana ketika kita menuliskan sebuah inputan pada sebuah form maka akan tercetak dengan menekan tombol enter pada keyboard.

Oke untuk lebih jelasnya kita langsung saja praktekan, silahkan teman-teman buat sebuah file dan ketikan script berikut ini :

Saya akan menjelaskan scriptnya satu per satu, pertama saya membuat sebuah inputan dengan element input dan membuat sebuah text dengan p dan span

lalu saya mereload library dari jquery yang saya ambil dari jquery.com .

setelah itu saya membuat sebuah script jquery seperti berikut ini :

script di atas menjelaskan bahwa saya membuat sebuah event keypress dimana saya membuat sebuah variable x dengan nilai berdasarkan id pada nama lengkap dengan vungsi val yaitu mengambil nilai pada inputan, lalu saya membuat kondisi, jika variable x tidak sama dengan kosong maka variable x akan saya cetak pada element span jika tidak maka akan tercetak tulisan “isi dulu”.

sekarang coba jalankan pada browser masing-masing dan lihat hasinya, gimana teman-teman cukup mudah bukan?

saya rasa untuk tutorial kali ini tentang keypress input dan output pada jquery cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial-tutorial berikutnya, pesan saya jangan pernah bosan untuk terus upgrade kemampuan kita.

Terimakasih.