В JS существует три стандартных инструмента для взаимодействия с пользователем через всплывающие модальные окна:
- alert -- выводит пользователю сообщение, содержит кнопку "ОК";
- prompt -- запрашивает у пользователя ввод каких-либо текстовых данных, содержит кнопки "ОК" и "Отмена";
- confirm -- выводит окно с вопросом, содержит кнопки "ОК" и "Отмена".
Расположение и стиль окна выбирается браузером, разрабочик не может на это повлиять. Обычно это центр экрана.
alert
Синтаксис:
alert(сообщение)
Пример:
alert("У тебя всё ок?");
![](https://raw.githubusercontent.com/and-semakin/mytetra_data/master/base/1517160095vqg7aj1m2s/image1962998964.png)
prompt
Синтаксис:
result = prompt(title, default);
Функция выводит модальное окно с заголовком title, полем ввода текста, заполенным строкой по умолчанию default и кнопками "ОК" и "Отмена". Функция возвращает то, что ввел пользователь, либо специальное значение null, если ввод отменен.
Пример:
var years = prompt('Сколько вам лет?', 100);
![](https://raw.githubusercontent.com/and-semakin/mytetra_data/master/base/1517160095vqg7aj1m2s/image2078110943.png)
confirm
Синтаксис:
result = confirm(question);
Функция выводит окно с вопросом question и двумя кнопками: "ОК" и "Отмена". Результатом функции будет true при нажатии на "ОК" и false -- при нажатии на "Отмену" или клавишу Esc.
Пример:
var isAdmin = confirm("Вы - администратор?");
![](https://raw.githubusercontent.com/and-semakin/mytetra_data/master/base/1517160095vqg7aj1m2s/image2102010567.png)