Метод prompt() окна

определение и использование

prompt() метод отображает диалоговое окно, которое предлагает пользователю ввести.

если пользователь нажмет "Подтвердить", то prompt() метод возвращает введенное значение, в противном случае возвращает null.

обратите внимание

если вы хотите, чтобы пользователь ввел значение, используйте диалоговое окно с запросом.

когда弹出提示框时, пользователь должен нажать "Подтвердить" или "Отмена", чтобы продолжить.

не злоупотребляйте этим методом. Он блокирует доступ пользователя к другим частям страницы до закрытия окна.

еще см.

метод alert()

метод confirm()

пример

пример 1

подсказка ввода имени пользователя и вывод сообщения:

let person = prompt("Введите ваше имя", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! Как ты себя чувствуешь сегодня?";
}

попробуйте сами

пример 2

подсказка его любимому напитку:

let text;
let favDrink = prompt("Какой ваш любимый напиток?");
switch(favDrink) {
  case "Coca-Cola":
    text = "Отличный выбор! Кока-Кола полезна для твоей души.";
    break;
  case "Pepsi":
    text = "Pepsi также мой любимый напиток!";
    break;
  case "Sprite":
    text = "Правда? Ты уверен, что Спрайт твой любимый напиток?";
    break;
  default:
    text = "Я никогда не слышал о этом!";
}

попробуйте сами

синтаксис

prompt(message, default)

параметр

параметр описание
message необходимо. Текст, который нужно отобразить в диалоговом окне.
default по умолчанию. Текст ввода по умолчанию.

возвращаемое значение

тип описание
строка

если пользователь нажмет "Подтвердить", возвращает значение ввода.

если пользователь не ввели ни одного строки, возвращает пустую строку.

в противном случае возвращает null.

примечание

prompt() метод отображает指定的 сообщение в диалоговом окне message, в этом диалоговом окне есть поле ввода текста, кнопка "Подтвердить" и "Отмена", и графическое представление платформы информирует пользователя о том, что от него требуется ввод.

если пользователь нажмет кнопку "Отменаprompt() метод возвращает null. Если пользователь нажмет кнопку "Подтвердитьprompt() возвращает текущий отображаемый текст поля ввода.

от prompt() Диалоговое окно, отображаемое методом, является модальным, что означает, что до тех пор, пока пользователь не нажмет кнопку "Подтвердить" или "Отмена", чтобы закрыть его, оно будет блокировать все вводы пользователя в окно браузера. Поскольку значение, возвращаемое этим методом, зависит от ответа пользователя, его вызов prompt() В этот момент выполнение JavaScript-кода будет приостановлено. Следующее предложение не будет выполняться до тех пор, пока пользователь не ответит.

Поддержка браузеров

Все браузеры поддерживают prompt():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка