Hiển thị hộp thoại thông báo alert()

alert("Nội dung thông báo")

kết hợp dùng với sự kiện onclick:

<button type="button" onclick="alert('Nội dung thông báo \n Thông báo quan trọng')">Thông báo quan trọng</button>

tip: Xuống dòng với \n hoặc các kí tự đặc biệt khác: ‘\ ‘+ ‘kí tự’

Lựa chọn đồng ý hoặc hủy cùng confirm()

<button type="button" onclick="confirm('Bấm vào nút OK để tiếp tục')">Click vào đây</button>

kiểm tra xem người dùng chọn “OK” hay “Cancel”

    <button type="button" onclick="yeubanthankhong()">Click vào đây</button>
    <script>
        function yeubanthankhong(){
            if(confirm("Luôn yêu bản thân mình nhé ?") == true){
                alert("Có yêu");
            }else{
               alert("hôm nay tôi buồn :))");
            }
        }
    </script

Và khi click cancel :).

Hàm prompt

Phương thức prompt() dùng để hiển thị một hộp thoại thông báo và yêu cầu người dùng nhập dữ liệu vào

<button type="button" onclick="prompt('Nội dung muốn thông báo', 'Nội dung mặc định trước khi nhập')">Click vào đây</button>

Đối với hộp thoại nhập dữ liệu, nếu người dùng bấm vào nút “OK” thì hộp thoại sẽ trả về giá trị khác null, nếu người dùng bấm vào nút “Cancel” thì hộp thoại sẽ trả về giá trị null

Lấy dữ liệu khi nhấn ok.

<button type="button" onclick="Hien_ten_Tinh_Yeu()">Click here</button>
<script>
    function Hien_ten_Tinh_Yeu(){
      var fullName = prompt("Nhập họ tên của bạn:");
      if(fullName != null){
        alert("Tình yêu của mình:" + fullName);
      }else{
         alert("Chưa muốn yêu :))");
      }
    }
  </script>
Hàm Prompt()

Happy coding! :))