JavaScript alert, confirm, prompt: всплывающие окна

Урок посвящен трем важным методам JavaScript: alert, confirm и prompt. Каждый метод создает всплывающее окно в браузере, позволяя пользователю взаимодействовать с ним – нажимать кнопки, вводить текст и числа.

Метод alert()

Метод alert() выводит всплывающее окно с информационным сообщением. Он используется для отображения информации пользователю.

Пример использования:

let name = "John";
alert("Hello, " + name + "!");

Этот код создаст всплывающее окно с текстом «Hello, John!».

Метод confirm()

Метод confirm() выводит всплывающее окно с вопросом и двумя кнопками: «OK» и «Отмена». Он возвращает true, если пользователь нажал «OK», и false, если нажал «Отмена».

Пример использования с условным оператором:

if (confirm("Вы уверены?")) {
  alert("Пользователь уверен");
} else {
  alert("Пользователь не уверен");
}

Этот код покажет окно с вопросом «Вы уверены?». В зависимости от выбора пользователя, будет выведено соответствующее сообщение.

Метод prompt()

Метод prompt() отображает всплывающее окно с сообщением и полем для ввода текста. Он возвращает введенное пользователем значение или null, если пользователь нажал «Отмена».

Пример использования:

let name = prompt("Как ваше имя?", "");
alert("Привет, " + name + "!");

Этот код выведет окно с вопросом «Как ваше имя?» и полем для ввода. Введенное имя будет сохранено в переменной name и использовано в последующем сообщении alert(). Пользователь может вводить любые данные: числа, буквы, символы.

В этом уроке мы рассмотрели три важных метода JavaScript для взаимодействия с пользователем: alert(), confirm() и prompt(). Они позволяют выводить сообщения, задавать вопросы и получать пользовательский ввод, что делает веб-страницы более интерактивными.