HTML / CSSJavaScriptNode jsПаттерны проектированияПрактические

Методы alert, prompt и confirm

Javascript предоставляет 3 вида важных диалоговых окон (Dialog Box), они включают:

  • диалоговое окно оповещения (alert) для пользователя
  • диалоговое окно требующее подтверждение (confirm) пользователя
  • диалоговое окно для введения информации (prompt) пользователем

Метод alert

Функция alert() предназначена для вывода в браузере предупреждающего модального диалогового окна с некоторым сообщением и кнопкой «ОК». При его появлении дальнейшее выполнение кода страницы прекращается до тех пор, пока пользователь не закроет это окно. Кроме этого, оно также блокирует возможность взаимодействия пользователя с остальной частью страницы.

1alert(message);

Метод alert() имеет один аргумент (message) - текст сообщения, которое необходимо вывести в модальном диалоговом окне. В качестве результата alert() ничего не возвращает.

Метод prompt

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

1// message - текст сообщения (является не обязательным), предназначено для информирования пользователя о том, какие данные у него запрашиваются
2// defaultMessage - начальное значение для поля ввода, которое будет по умолчанию в нём отображаться (является не обязательным)
3const result = prompt(message, defaultMessage);

В переменную result возвращается значение введённое пользователем или null.

Если пользователь не ввёл данные (поле ввода пустое) и нажал на «ОК», то в result будет находиться пустая строка.

Метод confirm

Метод confirm() применяется для вывода модального диалогового окна с сообщением и кнопками «ОК» и «Отмена». Оно обычно используется для запроса у пользователя разрешения на выполнение того или иного действия.

1// question - текст сообщения (вопроса)
2const result = confirm(question);

В переменную result возвращается:

  • true - если пользователь нажал на кнопку «ОК»;
  • false - в остальных случаях.

Самостоятельная Работа 👨‍ 💻 👩‍💻

Задание :one:

Напишите программу, который спрашивает логин, проверяет его на верность, в случае если логин верен, просит ввести пароль и проверяет его. В случае несовпадения логина или пароля выводить alert с текстом ошибки. В случае успешного логина - alert с поздравлением. Правильные логин: admin и пароль: admin.

Задание :two:

Калькулятор обмена валют. Первый prompt спрашивает валюту: "usd" или "eur". С помощью switch установите обменный курс для валюты, выбранной пользователем, после чего спросите величину и переведите её из гривны в выбранную на первом prompt валюту. Выведите результат в alert()

Задание :three:

Пользователь вводит числа через prompt до тех пор пока не ввел 0, посчитать сумму введенных чисел и вывести результат через alert

Задание :four:

Сделайте игру "камень-ножницы-бумага". Пользователь вводит свой вариант через prompt, программа генерирует свой вариант через Math.random() и выводит через alert. Следующий alert выводит имя победителя или "ничья"

Hello