JavaScript

Изучение JavaScript от нуля до гуру

21 урок 65 заданий Справочник Компилятор

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

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


JavaScript

Наконец мы приступаем к трем интересным методам в языке 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 месяца!


JavaScript

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