Penggunaan Popup dengan SweetAlert2



Bagaimana sih Penggunaan Popup  dengan SweetAlert2 ?

Mungkin artikel ini yang sedang ada cari untuk mendukung pembuatan website anda lebih menarik dengan Popup box SweetAlert2, saya akan menerangkan sedikit cara pembuatan SweetAlert2 yang sering digunakan para developer Web programming  untuk notifikasi berupa popup box.

Contoh cara kerja  Penggunaan Popup  dengan SweetAlert2  ketika user akan menghapus atau menyimpan data di sini peran SweetAlert Popup bekerja apakah data Success terhapus atau gagal dengan tampilan yang lebih bagus dan mudah untuk dimodifikasi sesuai dengan kebutuhan.

JQuery UI: Datepicker Tutorial

 Ok. Sekarang kita membuat contohnya biar lebih paham cara kerjanya. pertama kita buat file HTML nya codingnya seperti dibawah ini.
Jika setelah membuat script HTML maka tambah kan script CSS nya

Yang terakhir tinggal masukan script JavaScript nya  seperti ini



Langkah terakhir tinggal menjalankan script diatas kalau tidak ada error hasilnya akan seperti di bawah ini.



 Script yang kita buat tadi hasilnya seperti di atas jika tidak ada error kalau ada error isi form comment di paling bawah. Saya akan coba klik button Success maka popup box SweetAlert2 akan bekerja dan muncul hasilnya pada gambar dibawah ini.


 Dan hasilnya Succes..
Semoga bermanfaat artikel Penggunaan Popup  dengan SweetAlert2 kurang lebihnya saya mohon maaf.

Referensi :

https://sweetalert2.github.io/#examples

https://codepen.io/riyos94/pen/GymQPY

Comments