Окно: метод prompt()

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

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

message Необязательно

Строка текста, отображаемая пользователю. Можно опустить, если в окне запроса ничего не нужно отображать.

defaultValue Необязательно

Строка, содержащая значение по умолчанию, отображаемое в поле ввода текста.

Строка, содержащая текст, введённый пользователем, или null.

let sign = prompt("What's your sign?");

if (sign.toLowerCase() === "scorpio") {
  alert("Wow! I'm a Scorpio too!");
}

// there are many ways to use the prompt feature
sign = window.prompt(); // open the blank prompt window
sign = prompt(); //  open the blank prompt window
sign = window.prompt("Are you feeling lucky"); // open the window with Text "Are you feeling lucky"
sign = window.prompt("Are you feeling lucky", "sure"); // open the window with Text "Are you feeling lucky" and default value "sure"

При нажатии пользователем кнопки «ОК» возвращается текст, введённый в поле ввода. Если пользователь нажимает «ОК», не вводя текст, возвращается пустая строка. Если пользователь нажимает кнопку «Отмена», эта функция возвращает null.

Вышеприведённый запрос отображается следующим образом (в Chrome на macOS):

Диалоговое окно запроса содержит текстовое поле с одной строкой, кнопку «Отмена» и кнопку «ОК» и возвращает (возможно, пустой) текст, введённый пользователем в это текстовое поле.

Обратите внимание, что результат — строка. Это означает, что иногда вам нужно преобразовать значение, полученное от пользователя. Например, если ожидается число, необходимо преобразовать значение в число.

const aNumber = Number(window.prompt("Type a number", ""));

Диалоговые окна являются модальными окнами; они предотвращают доступ пользователя к остальной части интерфейса программы до закрытия диалогового окна. По этой причине следует избегать чрезмерного использования функций, создающих диалоговые окна (или модальные окна).

В качестве альтернативы можно использовать элемент <dialog> для получения ввода от пользователя.

• <dialog> элемент
• alert
• confirm