Demo tombol script sweetalert

SweetAlert — Deskripsi Singkat

Penjelasan singkat mengenai apa itu SweetAlert dan fitur-fitur utamanya.

Apa itu SweetAlert?

SweetAlert adalah library JavaScript yang menggantikan fungsi alert() standar bawaan browser dengan pop-up notifikasi yang lebih menarik, interaktif, dan dapat disesuaikan. Pustaka ini memungkinkan pengembang untuk membuat pesan peringatan (alert), konfirmasi, dan modal dengan tampilan yang cantik dan modern, yang dapat menyertakan ikon, gambar, tombol kustom, serta animasi.

Fitur utama SweetAlert:

• Estetika yang Lebih Baik: Mengganti tampilan alert() bawaan yang terlihat usang dengan modal yang dirancang dengan baik dan konsisten dengan desain web modern.
• Kustomisasi Tingkat Lanjut: Memungkinkan penyesuaian seperti menambahkan ikon bawaan (sukses, error, peringatan, info), gambar, GIF, tag HTML khusus, dan mengatur warna teks.
• Interaktivitas Tinggi: Berbeda dengan alert() yang hanya menunggu respons, SweetAlert dapat menghasilkan promise untuk melacak interaksi pengguna dengan modal, seperti saat tombol diklik atau ditutup.
• Responsif: Dirancang untuk berfungsi dengan baik di berbagai ukuran layar, termasuk perangkat seluler.
• Mudah Digunakan: Setelah diinstal, pengembang hanya perlu memanggil fungsi yang sudah disediakan untuk menampilkan notifikasi yang diinginkan, tanpa perlu menulis kode CSS dan JavaScript yang rumit untuk setiap pop-up.
• Berbagai Jenis Dialog: Mendukung jenis dialog yang berbeda untuk berbagai keperluan, seperti sukses, peringatan, kesalahan, informasi, memuat, dan konfirmasi.

<!-- CDN SweetAlert2 (versi umum) -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11">

<script>
  // contoh pemanggilan sederhana:
  Swal.fire({
    title: 'Berhasil!',
    text: 'Ini contoh notifikasi SweetAlert.',
    icon: 'success',
    confirmButtonText: 'OK'
  }).then((result) => {
    if (result.isConfirmed) {
      // aksi setelah dikonfirmasi
      console.log('Pengguna menekan OK');
    }
  });
</script>

Catatan: contoh di atas menggunakan SweetAlert2 (varian populer modern). Anda bisa mengganti atau menyesuaikan opsi sesuai kebutuhan proyek.

---

https://serlok-app.blogspot.com/p/safelink.html?url=aHR0cHM6Ly9zZXJsb2stYXBwLmJsb2dzcG90LmNvbS8yMDI1LzA4L3NjcmlwdC1zd2VldGFsZXJ0Lmh0bWw_bT0x

Lihat kode script