Уроки Javascript

Урок #8 - Всплывающие окна: alert, confirm и prompt

Урок #8 - Всплывающие окна: alert, confirm и prompt

Мы подобрались к интересным функциям в языке 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 месяца

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

Уроки Vue.js для начинающих
10 уроков
Изучение библиотек jQuery
24 урока
Изучение JavaScript: от нуля и до создания сайта
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки Angular для начинающих
7 уроков
Комментарии для сайта Cackle