Hàm alert() trong JavaScript

• Trần Thị Vân
• 1240
• 23/08/2025

Chức năng của Hàm alert() trong JavaScript

Hàm alert() trong JavaScript dùng để hiện thị thông báo thành công hoặc thông báo lỗi của hộp thoại lên trình duyệt, khi thông báo hiện lên bạn nhấn OK để tắt thông báo thì mới sử dụng được website.

Bạn có thể truyền biến hoặc chữ vào hàm alert().

Cú pháp của Hàm alert() trong JavaScript

alert("thongbaochu");

thongbaochu: Thông báo chữ.

alert(bienthongbao);

bienthongbao: Biến chứa thông báo chữ.

Code Hàm alert() trong JavaScript

<script>
var thongbao =  "Bạn đã đánh giá thành công!";
alert(thongbao);

// Hoặc
// alert("Bạn đã đánh giá thành công!");
</script>

Kết quả hộp thoại thông báo:

Bạn đã đánh giá thành công!

Chạy Thử

Ứng dụng hàm alert() trong JavaScript

Hàm alert() phù hợp với những tình huống cần đưa một thông báo ngắn đến người dùng ngay tại thời điểm xảy ra một sự kiện. Cách sử dụng đơn giản giúp hàm này hữu ích khi kiểm tra dữ liệu, phản hồi thao tác hoặc hỗ trợ quá trình phát triển giao diện.

Hiển thị thông báo khi người dùng thực hiện thao tác

Có thể kết hợp alert() với các sự kiện như nhấp nút, gửi biểu mẫu hoặc thực hiện một hành động trên trang. Thông báo xuất hiện ngay sau thao tác giúp người dùng nhận biết hệ thống đã tiếp nhận yêu cầu.

<button onclick="alert('Bạn đã nhấn nút!')">Nhấn vào đây</button>

Với những thông báo đơn giản như xác nhận một thao tác vừa thực hiện, alert() giúp triển khai nhanh mà không cần tạo thêm giao diện thông báo riêng.

Thông báo lỗi khi dữ liệu không hợp lệ

Trong biểu mẫu, alert() có thể được dùng để thông báo khi người dùng bỏ trống trường bắt buộc hoặc nhập dữ liệu chưa đúng yêu cầu. Cách này giúp người dùng nhận biết vấn đề trước khi tiếp tục xử lý.

function kiemTraDuLieu() {
    const email = document.getElementById('email').value;

    if (email === '') {
        alert('Vui lòng nhập địa chỉ email.');
        return false;
    }

    return true;
}

Tuy nhiên, với biểu mẫu có nhiều trường dữ liệu, nên cân nhắc hiển thị lỗi ngay tại vị trí tương ứng thay vì dùng quá nhiều hộp thoại alert(). Điều này giúp người dùng sửa thông tin nhanh và thuận tiện hơn.

Thông báo kết quả sau khi xử lý sự kiện

Sau khi một thao tác hoàn tất, alert() có thể cung cấp phản hồi ngắn gọn về kết quả. Cách sử dụng này thích hợp với các chức năng nhỏ hoặc những đoạn mã cần phản hồi tức thời.

function hienThiKetQua() {
    const ketQua = 8 + 7;

    alert('Kết quả là: ' + ketQua);
}

Đối với website thực tế, nếu cần hiển thị trạng thái thường xuyên hoặc cung cấp thông tin chi tiết, có thể thay alert() bằng thành phần thông báo trên giao diện. Nhờ đó, trải nghiệm sử dụng sẽ linh hoạt hơn và người dùng vẫn có thể tiếp tục tương tác với trang.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm alert() trong JavaScript.