sweet alert วิธีใช้ และวิธีติดตั้งบนเว็บไซต์

sweet alert วิธีใช้ และวิธีติดตั้งบนเว็บไซต์ บทความนี้สอนวิธีการติดตั้ง sweet alert โดยปัจจุบันคือ sweetalert2 ผ่าน CDN และวิธีการเรียกใช้งาน alert แบบสวยๆ บนเว็บไซต์ด้วยคำสั่ง Swal.fire โดยมีรายละเอียดขั้นตอนดังนี้

ตัวอย่าง sweet alert วิธีใช้ และวิธีติดตั้งบนเว็บไซต์

1. ติดตั้ง sweetalert2 ผ่าน CDN

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

2. เรียกใช้งาน alert ของ sweetalert2 ด้วยคำสั่ง Swal.fire

<script>
    Swal.fire({
        title: 'Devdit',
        text: 'พบคำตอบด้านไอทีและทำตามง่ายๆ',
        icon: 'success',
        confirmButtonText: 'ยอดเยี่ยมเลย'
    });
</script>