Как создать сайт

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

Здравствуйте! Прежде чем переходить дальше давайте разберем функции в 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.

Задания

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Понравилась запись? Подпишитесь на обновления по почте:

Об авторе

admin administrator

Оставить ответ

− 1 = 1

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: