Функции для взаимодействия с пользователем: alert, prompt, confirm

Оцените материал
(0 голосов)

Здравствуйте! Прежде чем переходить дальше давайте разберем функции в JavaScript, предназначенные для взаимодействия с пользователем. Это такие функции как alert, prompt и confirm. С alert мы уже не раз сталкивались в примерах но а сейчас просто повторим с остальными двумя познакомимся впервые.

Функции alert, prompt, confirm

alert

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

Пример:

  var msg = "Это сообщение";
  alert(msg);

Просмотреть  пример

 Если запустить этот скрипт, то вы увидите окно с сообщением "Это сообщение" в данном случае функция alert выводит содержимое переменной msg.

prompt

Функция prompt предназначена для запроса информации у пользователя, при этом она отображает информационное окно с текстовым полем для воода информации и кнопкой ОК. Введенную информацию от пользователя сохраняют в переменной. Пример:

  var str = prompt("Введите ваш возраст",100);
  alert(`Ваш возраст  ${str} лет`);

Просмотреть  пример

 Здесь функция prompt выводит окно с запросом данных у пользователя причем эта функция принимает 2 аргумента: первый это строка запроса будет отображаться в окне функции prompt выше над текстовым полем, второй нелбязательный аргумент это значение по умолчанию оно будет выводиться в текстовое поле, если порльзователь ничего не введет именно это значение будет в переменной, в которой вы сохраняете результат работы данной функции. Результат работы данной функции мы сохраняем в переменную, которую затем передаем в функцию alert.

confirm

Эта функция в основном используется в условных операциях и предлагает пользователю сделать выбор, то есть она выводит диалоговое окно с каким-то вопросом и кнопками OK и CANCEL. И в зависимости от того какую кнопку нажмет пользователь выполнится тот или иной участок программы.

Пример:

  var res = confirm("Продолжить дальше");
  if(res) {
     alert(("Продолжаем");
   }
 else {
   alert("Заканчиваем.");
}

Просмотреть  пример

Итоги

  • alert выводит модальное окно с сообщением.
  • prompt выводит окно с сообщением и ожидает, пока пользователь введёт значение, а потом  вернет значение, ввеленное пользователем  или null, в том случае если  ввод отменён нажата клавиша  (CANCEL/Esc).
  • confirm окно с запросом  и ожидает  пока пользователь клацнет на кнопке «OK» или «CANCEL» и соответственно вернет true/false.

Задания

Создайте страницу, которая спрашивает имя и выводит его.

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

Прочитано 293 раз Последнее изменение Вторник, 24 октября 2017 18:34
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

geekbrains.ru/

Поиск по сайту

Google+