Alert Box Là Gì?
Alert Box là cửa sổ nhỏ bật lên phản hồi tương tác người dùng (click, scroll, typing...). Alert box chủ yếu dùng cảnh báo user về vấn đề, nhưng cũng dùng để thông báo.
Ví dụ phổ biến: user click submit form nhưng quên điền trường bắt buộc. Alert box bật lên với thông báo giải thích:
Cách Tạo Alert Box
Hãy tạo lại chính xác alert box từ ảnh chụp trên.
Đầu tiên, tạo button element làm trigger:
<button onclick="missingFieldWarningPopup()">Submit form</button>Thêm function JavaScript này vào file .js:
function missingFieldWarningPopup() { alert("Bạn quên điền tất cả các trường bắt buộc!") }Giải thích mã: button có thuộc tính onclick làm trigger sự kiện click. Khi user click button, sự kiện click gọi function missingFieldWarningPopup(), bật cửa sổ prompt alert() hiển thị chuỗi (văn bản) bên trong.
Nếu muốn thêm function JavaScript dạng inline, thêm mã này trong element <head> của tài liệu HTML:
<script type="text/javascript"> function missingFieldWarningPopup() { alert("Bạn quên điền tất cả các trường bắt buộc!") } </script>