Membuat tampilan website yang sangat mudah digunakan oleh semua orang cukup rumit. Karena kita harus tahu berbagai macam aspek seperti misalnya permainan warna, tingkah laku pengguna seperti apa, perancangan layout harus bagaimana agar pengunjung tidak bingung saat melihat website kita dan lain-lain. Hal ini harus dipelajari dengan sering mengamati keadaan sekitar dan juga tentu berdasarkan pengalaman yang cukup lama.

Sebagai contohnya adalah seperti pada saat pengisian form. Bagaimana caranya kita agar pengunjung tahu hal apa saja yang harus diisi dan memberikan informasi berdasarkan petunjuk yang ada pada website kita seperti misalnya notifikasi. Berbicara tentang notifikasi, pada artikel kali ini kita akan mencoba membuat notifikasi dengan Bootstrap dan Javascript. Dengan sedikit pengetahuan tentang bootstrap dan javascript kalian bisa membuat sebuah alert untuk memberitahu kepada pengunjung bahwa ada informasi yang harus diketahui. Oke langsung saja kita mulai dengan menyalin code dibawah ini.

alert.html

Setelah sudah kalian bisa save, dan lihat hasilnya pada browser kalian. Jika berhasil maka tampilanya akan seperti ini.

Tampilan biasanya.

Tampilan saat mengklik tombol alert, muncul notifikasi berwarna hijau sebagai tanda bahwa tombol tersebut sudah ditekan.

Lalu pesan alert tersebut akan hilang dengan sendirinya tidak lama setelah pesan tersebut muncul.

Mudah bukan ?

Sekian pembahasan mengenai membuat notifikasi dengan Bootstrap dan Javascript. Semoga bermanfaat.