Kumpulan Code
  • Eceknya Perkelanan
  • Button Validasi
  • SweetAlert2
  • Button Style dengan Bootstrap
  • Layout Grid Responsife dengan Bootstrap
Powered by GitBook
On this page
  • Pertama
  • Kedua
  • Ketiga
  • Keempat

SweetAlert2

PreviousButton ValidasiNextButton Style dengan Bootstrap

Last updated 2 years ago

Halo KitaKale Squad, di sesi shortcode kali ini kita akan membahas tentang yang namanya SweetAlert2 plugin ini keren loh untuk kamu yang sduah bosen dengan tampilan alert yang itu-itu saja. Terus gimana cara menggunakannya? Yuk mari kita bahas

Pertama

Buatlah project HTML seperti gambar di bawah ini.

Kedua

Kemudian tambahkan code berikut ini:

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

Setelah di tambahkan script tersebut kedalam projek HTML kita seperti gambar dibawah ini:

Ketiga

Setelah itu lakukan langkah terakhir berikut ini yaitu memasukkan script alert dari SweetAlert2, seperti gambar dibawah ini:

Keempat

Akhirnya semua persiapan sudah selesai, maka selanjutnya adalah kita uji coba. Dari code diatas akan menghasil tampilan yang seperti dibawah ini:

untuk hasil yang lebih advance kamu dapat mengikuti code berikut ini:

☺️