Phương thức alert() của Window trong HTML

Phương thức window.alert() trong HTML hiển thị một hộp cảnh báo (alert box) với thông điệp được định nghĩa và một nút OK trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

alert("message");

Ví dụ

Dưới đây là ví dụ minh họa phương thức window.alert() trong HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
    }
    .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
    }
  </style>
</head>
<body>
<h1>Phương thức window.alert() trong HTML</h1>
<button class='btn' onclick="add()">Nhấn vào tôi để mở hộp cảnh báo</button>
<script>
  function add() {
    alert("Xin chào! Tôi là một hộp cảnh báo");
  }
</script>
</body>
</html>

Kết quả

Nhấn vào nút "Nhấn vào tôi để mở hộp cảnh báo" để mở một hộp cảnh báo.