ใน JavaScript มี popup box 3 ประเภท ดังนี้
1. Alert - เมธอด Window.alert() แสดงกล่องโต้ตอบแจ้งเตือนพร้อมเนื้อหาที่ระบุและปุ่ม OK
เช่น รันสคริปต์นี้จะเปิด alert box พร้อมข้อความ "This is an alert" และปุ่มยืนยัน
ตัวอย่าง
<script> alert("This is a alert"); </script>หมายเหตุ: alert dialog ควรใช้สำหรับข้อความที่ไม่ต้องการตอบกลับจากผู้ใช้ นอกจากการยอมรับข้อความเท่านั้น
2. Confirm - เมธอด Window.confirm() แสดง modal dialog พร้อมข้อความและปุ่ม 2 ปุ่ม: OK และ Cancel
เช่น รันสคริปต์นี้จะเปิดกล่องยืนยันพร้อมข้อความ "Please confirm this action" มีปุ่มยืนยันและยกเลิก คืนค่า boolean ตามการเลือกของผู้ใช้
ตัวอย่าง
<script> let bool = confirm("Please confirm this action"); console.log(bool); </script>ถ้ากด confirm จะคืน true ถ้ากด cancel จะคืน false
หมายเหตุ: Dialog boxes เป็น modal windows — ป้องกันไม่ให้ผู้ใช้เข้าถึงส่วนอื่นของโปรแกรมจนกว่าจะปิดกล่อง
3. Prompt - Window.prompt() แสดง dialog พร้อมข้อความพร้อมให้ผู้ใช้กรอกข้อความ
เช่น รันสคริปต์นี้จะเปิด prompt box พร้อมข้อความ "Please enter your name" มีปุ่มยืนยันและยกเลิก คืนค่า String ที่ผู้ใช้กรอก
ตัวอย่าง
<script> let name = prompt("Please enter your name"); console.log(name); </script>เมื่อกรอกข้อมูลใน prompt จะ log ชื่อของคุณในคอนโซล
