มีกล่องป๊อปอัป 3 ประเภทใน JavaScript เหล่านี้คือ −
1. แจ้งเตือน − วิธี Window.alert() จะแสดงกล่องโต้ตอบการแจ้งเตือนพร้อมเนื้อหาที่ระบุซึ่งเป็นทางเลือกและปุ่ม OK
ตัวอย่างเช่น หากคุณเรียกใช้สคริปต์ต่อไปนี้ สคริปต์จะเปิดกล่องแจ้งเตือนที่มีเนื้อหาว่า "นี่คือการแจ้งเตือน" พร้อมปุ่มยืนยัน
ตัวอย่าง
<script>
alert("This is a alert");
</script> โปรดทราบว่าควรใช้กล่องโต้ตอบการแจ้งเตือนสำหรับข้อความที่ไม่ต้องการการตอบสนองใดๆ จากผู้ใช้ นอกเหนือจากการตอบรับข้อความ
2. ยืนยัน − เมธอด Window.confirm() จะแสดงไดอะล็อกโมดอลพร้อมข้อความเสริมและปุ่มสองปุ่ม:ตกลง และ ยกเลิก
ตัวอย่างเช่น หากคุณเรียกใช้สคริปต์ต่อไปนี้ จะเปิดกล่องยืนยันที่มีเนื้อหาว่า "โปรดยืนยันการดำเนินการนี้" ด้วยปุ่มยืนยันและปุ่มยกเลิก ซึ่งจะคืนค่าบูลีนขึ้นอยู่กับอินพุตที่ผู้ใช้ให้มา
ตัวอย่าง
<script>
let bool = confirm("Please confirm this action");
console.log(bool);
</script> หากคุณคลิกยืนยัน จะคืนค่าเป็นจริง หากคุณคลิกยกเลิก มันจะคืนค่าเท็จ
โปรดทราบว่ากล่องโต้ตอบเป็นหน้าต่างโมดอล ซึ่งจะป้องกันไม่ให้ผู้ใช้เข้าถึงส่วนต่อประสานโปรแกรมที่เหลือจนกว่ากล่องโต้ตอบจะปิด
3. แจ้ง − Window.prompt() จะแสดงไดอะล็อกพร้อมกับข้อความเสริมที่แจ้งให้ผู้ใช้ป้อนข้อความ
ตัวอย่างเช่น หากคุณรันสคริปต์ต่อไปนี้ มันจะเปิดกล่องข้อความพร้อมเนื้อหา:"โปรดป้อนชื่อของคุณ" ด้วยปุ่มยืนยันและปุ่มยกเลิก ส่งคืนสตริงที่ผู้ใช้ให้มา
ตัวอย่าง
<script>
let name = prompt("Please enter your name");
console.log(name);
</script> เมื่อคุณป้อนข้อมูลในข้อความแจ้ง ระบบจะบันทึกชื่อของคุณไปที่คอนโซล
