Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaaan baik, kita lanjut lagi ya belajarnya, masih pada semangat kan? kita lanjut lagi belajar javascriptnya, pada pembahasan kali ini kita akan coba menampilkan notif pesan dengan timming setTimeOut jaascript. jadi pada kasusnya kita akan membuat ketika tombol diklik maka akan tampil pesan di browser dan pesannya akan menghiang dengan timming yang kita tentukan.

Untuk lebih jelasnya kita langsung saja praktek ya teman-teman, silahakan teman-teman buat sebuaah file dan ketikan script html seperti berikut ini:

Saya menggunakan bootstrap untuk cssnya, dan saya membuat sebuah tombol, dan div id notif untuk menampilkan pesannya nanti.

Jika sudah maka jika teman-teman jalankan pada browser yang terlihat hanya tombol saja, sekarang kita akan lanjutkan pada penulisan script javascriptnya, silahakan teman-teman tambahkan script javascript berikut ini:

jika sudah silahakan teman-teman jalankan pada browser dan lihat hasilnya,

jika teman-teman klik tombolnya maka akan muncul notif dengan class alert success yang saya atambahkan dengan casslist, dan akan di remove classnya dengan fungsi settimeout.

Gimana teman-teman cukup mudah bukan, untuk tutorial kalii ini tentang menampilkan notif pesan dengan timming setTimeOut jaascript, cukup sampai sini dulu, semoga tutorial sederhana ini dapat bermanfaat untuk teman-teman semuanya, samoai bertemu lagi pada tutorial berikutnya,

Terima kasih.