Hai teman-teman, bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar tentang jquery yaitu bagaimana cara membuat efek keypress alert dengan jquery.

Kalau sebelumnya kita telah membahas fungsi keypress pada jquery, kali ini kita akan bahas animasi yang lebih keren lagi yaitu membuat efek keypress alert di jquery, masi ingat tentnag fungsi event alert pada jquery, event alert pada jquery yaitu membuat aksi ketika tombol enter pada keyboard kita tekan, berbeda dengan event click, kalau event clik akan tereksekusi ketika tombol clik mouse kita clik.

Untuk studi kasus kali ini yang akan kita buat adalah alert akan muncul ketika kita melakukan aksi atau menekan tombol enter pada keyboard, oke untuk lebih jelasnya kita langsung saja praktekan ya, silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Penjelasan dari script diatas adalah :

  1. saya mereload liblary dari jquery yaitu dari jquery.com yang scriptnya adalah seperti ini :

2.  saya membuat sebuah inputan scriptnya dalah seperti ini :

3.  lalu saya membuat script nya untuk membuat ketika kita mengetik pada inputan lalu kita tekan enter maka akan muncul pesan alert sesuai dengan kata yang kita ketikan, scriptnya adalah seperti berikut ini :

tidak lupa juga saya membuat pengecekan dengan if apakah yang ditekan adalah kode ASCI enter pada keyboard yaitu 12 atau bukan.

jika sudah teman-teman bisa save hasilnya dan coba jalankan pada browser masing-masing, jika benar maka hasilnya akan seperti berikut ini :

bagaimana cara membuat efek keypress alert dengan jquery hasil

hasilnya akan muncul popup ketika kita menekan enter setelah mengetik pada inputan yang telah kita buat tadi.

Gimana teman-teman? cukup mudah bukan, oke mungkin untuk tutorial kali ini tentang bagaimana cara membuat efek keypress alert dengan jquery, cukup sampai disini dulu, semoga tutorial kali ini bermanfaat.

Terimakasih.