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
Post a Comment