#9 – Всплывающие окна (alert, prompt, confirm)

Для работы с пользователем в JavaScript предусмотрено несколько интерактивных функций:

• функция alert() позволяет выводить информацию во всплывающем окне;
• функция confirm () позволяет спрашивать соглашение во всплывающем окне;
• функция prompt() получает данные от пользователя во всплывающем окне.

Функция alert позволяет вывести какую-либо информацию во всплывающем окне в браузере. К таким окнам нельзя добавить стили и разукрасить их.

alert("Просто вывод информации");

Такое всплывающее окно очень удобно, так как оно позволяет быстро и наглядно вывести нужную информацию для пользователя.

Функция confirm открывает всплывающее окно с определенным вопросом и двумя кнопками: Ок и Отмена. Полученные данные из окна можно проверить в условном операторе и в зависимости от них выполнить код.

Пример вызова окна:

var result = confirm("Вы согласны с confirm?");
// Если ок, то result будет true
// Если отмена, то result будет false

Из минусов функции можно выделить не всегда красивый и подходящий дизайн всплывающего окна. К нему нельзя добавить стили CSS, а значит и «придать вид» не получиться.

Метод prompt получает информацию от пользователя. Полученные данные можно поместить в переменную.

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

var info = prompt("Сколько вам лет?", 25);
// Второй параметр это значение по-умолчанию
// Его можно и не добавлять

В примере данные будут помещены в переменную info. После получения данных с ними можно работать как с обычной переменной.