Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Giải thích hộp thoại alert trong JavaScript


Hàm alert() trong JavaScript dùng để hiển thị thông báo popup cho người dùng.

Ví dụ

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Alert</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> </head> <body> <h1>Hộp thoại alert trong JavaScript</h1> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để kích hoạt popup alert</h3> <script> let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { alert("Bạn đã nhấn nút"); }); </script> </body> </html>

Kết quả

Khi nhấn nút, trình duyệt hiển thị hộp thoại modal với nội dung "Bạn đã nhấn nút" và nút OK. Code dừng cho đến khi người dùng đóng hộp thoại.

Lưu ý: alert() là synchronous blocking, nên không nên dùng trong production cho UX tốt. Thay bằng custom modal, toast, hoặc console.log cho debug.