Hallo teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, masih semangat belajarnya, kita lanjut lagi ya belajarnya, kali ini kita akan belajar tentang callback pada jquery dan kita akan mempraktekannya dalam satu kasus yaitu memunculkan alert dengan teknik callback pada jquery.

Apa itu callback? callback adalah suatu teknik scripting pada jquery yang berfungsi untuk memasangkan beberapa tugas atau fungsi agar berjalan berurutan atau bisa dibilang prosedural karena harus menyelesaikan tugas sebelumnya untuk menjalankan tugas selanjutnya.

Dan pada studi kasus kali ini kita akan memunculkan alert namun kita akan menyembunyikan satu element terlebih dahulu sebelum alertnya muncul dengan menggunakan tenknik callback pada jquery.

oke kita langsung saja praktekan, pertama silahkan teman-teman buat sebuah script html dan ketikan script berikut ini.

Saya membuat sebuah tombol dan sebuah paragraf yang nantinya ketika tombolnya kita klik paragrafnya akan hilang lalu baru muncul alertnya,

sekarang kita masuk pada penulisan scripting jquerynya, teman-teman silahkan tambahkan script berikut ini:

Pertama seperti biasa kita harus reload library jquerynya, lalu script diatas saya membuat script apa bila tombolnya di klik maka p akan mengalami method hide secara slow lalu saya sambuangkan dengan fungsi lagi untuk memunculkan alertnya, kelengkapan scriptnya adalah seperti ini:

Jika dijalankan pada browser maka hasilnya ketika kita klik tombolnya maka p akan disembunyikan lalu akan muncul alert.

memunculkan alert dengan teknik callback pada jquery1

Pada saat kita klik maka hasilnya seperti berikut ini:

memunculkan alert dengan teknik callback pada jquery2

Gimana teman-teman? cukup mudah bukan? saya rasa untuk tutorial kali ini tentang memunculkan alert dengan teknik callback pada jquery cukup sampai disini dulu, semoga tutorial yang singkat ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih