Уроки Javascript

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

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

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

Видеоурок

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

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

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

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


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


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


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

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


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


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


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

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


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

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Курс по React JS для начинающих
14 уроков
Создание приложения на React JS / Использование API
7 уроков
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков
Уроки Node JS и Express для начинающих
17 уроков
Изучение библиотек jQuery
24 урока
Комментарии для сайта Cackle