JavaScript - Alert, Confirm, Prompt

14/03/2019, 9:32 AM | 14/03/2019, 9:32 AM | 656 | 012

Trong javascipt có 3 hàm hiển thị thông báo cơ bản đó là alert(), confirm() và prompt(). Cả 3 hàm này đều đưa ra thông báo cho người dùng nhưng có chút khác nhau, chúng ta cùng tìm hiểu nhé.
1. alert() trong Javascript
alert() là một hàm đơn giản được sử dụng phổ biến nhất để hiển thị thông báo tới người dùng. Nó đơn giản chỉ là hiển thị một thông báo mà bạn đưa ra.
Ví dụ :Ví dụ dưới thì sẽ hiển thị thông báo khi bạn load trang web.

Xem DEMO

<html>
    <head>
        <title></title>
      
      <script>
          alert('Xin chào !');
      </script>
      
    </head>
  
    <body>
      
    </body>
</html>

2. confirm() trong Javascript.
confirm() khác với alert() ở chỗ nó có 2 lựa chọn OK và Cancel. Nếu chọn OK sẽ trả về TRUE, ngược lại chọn Cancel sẽ trả về FALSE.
Ví dụ:

Xem DEMO

<html>
    <head>
        <title></title>
      
      <script>
          confirm('Xin chào !');
      </script>
      
    </head>
  
    <body>
      
    </body>
</html>

3. prompt() trong Javascript
prompt() giống với comfirm() nhưng khác ở chỗ có thêm một textbox để bạn nhận lại giá trị từ người dùng. Nếu người dùng nhấn OK thì giá trị trả về là giá trị trong ô textbox, nếu người dùng ấn Cancel thì giá trị trả về Null.

Ví dụ : Hỏi tên người dùng, khi người dùng nhập tên thì in ra kết quả.

Xem DEMO

<html>
    <head>
        <title></title>
      
      <script>
        var name =  prompt('Nhập tên của bạn :');
        document.write(name);  
      </script>
      
    </head>
  
    <body>
      
    </body>
</html>