Hàm alert() - confirm() - prompt() trong javascript

Trong bài viết này, chúng ta sẽ tìm hiểu về ba hàm rất phổ biến trong javascript, đó là hàm alert(), confirm() và prompt(). Đây là ba hàm thường được sử dụng để tạo các hộp thoại thông báo và lấy thông tin từ người dùng.

Hàm alert() trong javascript

Hàm alert() có nhiệm vụ hiển thị một thông báo popup cho người dùng. Nó có một tham số truyền vào, và tham số này chính là nội dung thông báo mà chúng ta muốn hiển thị.

Hàm alert trong javascript

Ví dụ: Viết một chương trình để khi click vào một nút thì xuất hiện một thông báo.

Click me

Hàm confirm() trong javascript

Hàm confirm() cũng sẽ hiển thị một thông báo popup, nhưng nó có thêm hai sự lựa chọn là "Có" và "Không". Nếu người dùng chọn "Có", thì hàm sẽ trả về giá trị true, còn nếu chọn "Không", thì hàm sẽ trả về giá trị false. Hàm này cũng có một tham số truyền vào, và tham số này chính là nội dung thông báo.

Ví dụ: Viết một chương trình để hiển thị một thông báo xác nhận và sử dụng hàm alert() để hiển thị kết quả người dùng chọn.

if (confirm('Bạn có muốn tiếp tục không?')) {
    alert('Bạn đã chọn Có');
} else {
    alert('Bạn đã chọn Không');
}

Hàm prompt() trong javascript

Hàm prompt() được sử dụng để lấy thông tin từ người dùng. Nó có hai tham số truyền vào, đó là nội dung thông báo và giá trị ban đầu. Nếu người dùng không nhập vào thông tin, thì hàm sẽ trả về giá trị null.

Hàm prompt trong javascript

Ví dụ: Viết một chương trình để lấy thông tin tên của người dùng.

var name = prompt('Hãy nhập tên của bạn', 'John Doe');

if (name != null) {
    alert('Xin chào ' + name);
} else {
    alert('Bạn chưa nhập tên');
}

Lời kết

Ba hàm alert(), confirm() và prompt() trong javascript rất hữu ích và được sử dụng phổ biến. Hãy cố gắng nhớ chúng, và khi bạn học đến các khái niệm về hàm, sự kiện hay lựa chọn trong javascript, bạn sẽ thấy chúng thực sự tuyệt vời.

Article originally posted on [free tuts .net]