Методы всплывающих окон JavaScript: оповещение, подтверждение, подсказка и пользовательские всплывающие окна

В JavaScript существует несколько методов создания всплывающих окон. Вот некоторые из наиболее часто используемых методов:

  1. Оповещение: метод alert()отображает простое сообщение в диалоговом окне. Его часто используют для предоставления информации или предупреждения пользователя о чем-либо.

Пример:

alert("Hello, World!");
  1. Подтвердить: метод confirm()отображает диалоговое окно с сообщением и двумя кнопками: «ОК» и «Отмена». Обычно он используется для получения подтверждения пользователя перед выполнением действия.

Пример:

if (confirm("Are you sure you want to delete this item?")) {
  // User clicked OK
} else {
  // User clicked Cancel
}
  1. Подсказка: метод prompt()отображает диалоговое окно с сообщением, полем ввода и двумя кнопками: «ОК» и «Отмена». Он часто используется для получения информации от пользователя или запроса информации.

Пример:

let name = prompt("Please enter your name:");
console.log("Hello, " + name + "!");
  1. Пользовательские всплывающие окна. Вы также можете создавать собственные всплывающие окна, используя HTML, CSS и JavaScript. Создав скрытый элемент HTML и используя JavaScript для его отображения или скрытия, вы можете создавать персонализированные всплывающие окна с любым содержимым и стилем.

Пример:

<!DOCTYPE html>
<html>
<head>
  <style>
    .popup {
      display: none;
      /* Add your custom styles here */
    }
  </style>
</head>
<body>
  <button onclick="showPopup()">Show Popup</button>
  <div id="popup" class="popup">
    <!-- Add your popup content here -->
  </div>
  <script>
    function showPopup() {
      document.getElementById("popup").style.display = "block";
    }
  </script>
</body>
</html>