Введение

В JavaScript метод prompt() используется для отображения окна подсказки, в котором пользователю предлагается ввести данные. Как правило, он используется для получения ввода от пользователя перед входом на страницу. Это может быть написано без использования префикса окна. Мы должны нажать «ОК» и «Отмена», чтобы продолжить, когда появится окно подсказки.

При использовании метода prompt() отображается поле, которое получает два аргумента;

  1. Первый аргумент — это метка, которая отображается в текстовом поле.
  2. Второй аргумент — это строка по умолчанию, которая отображается в текстовом поле.

Окно подсказки имеет две кнопки, OK и Cancel. Это возвращает null или строку, введенную пользователем. Поле возвращает введенное значение, когда пользователь нажимает «ОК». Он возвращает null при нажатии «Отмена».

Описание

Окно подсказки запрашивает у пользователя некоторую информацию. Он предоставляет поле ответа для ответа. Этот код запрашивает у пользователя вопрос «Ваш вид?». Это обеспечивает ответ по умолчанию в поле ответа «человек». Пользователь может изменить ответ. Независимо от того, оставляет ли он/она ответ по умолчанию как есть или меняет его на что-то другое, его/ее ответ присваивается переменной.

var spec = prompt(“Your species?”, “human”);

Код подсказки аналогичен коду предупреждения с двумя отличиями.

  • Нам нужен способ зафиксировать ответ пользователя в подсказке. Это означает, что нам нужно начать с объявления переменной, за которой следует знак равенства.
  • Мы можем указать вторую строку в подсказке. Это ответ по умолчанию, который появляется в поле после отображения подсказки. Ответ по умолчанию назначается переменной, если пользователь оставляет ответ по умолчанию без изменений и просто нажимает кнопку «ОК». От нас зависит, включаем ли мы ответ по умолчанию.

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

  1. var question = “Your species?”;
  2. var default Answer = “human”;
  3. var spec = prompt(question, default Answer);

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

  1. var numberOfCats = prompt(“How many cats?”);
  2. var tooManyCats = number Of Cats + 1;

Тем временем мы просим номер. Пользователь, по-видимому, вводит один; мы могли бы ожидать, что математика во втором утверждении сработает. Например, если пользователь вводит 3, мы можем подумать, что переменная tooManyCats должна иметь значение 4. Но не тут-то было. Все ответы на подсказки возвращаются в виде строк. JavaScript преобразует 1 в строку и выполняет конкатенацию, когда строка «3» связана плюсом с числом 1. Следовательно, значение слишком много кошек оказывается не 4, а «31». Если пользователь ничего не вводит и нажимает OK, переменной присваивается пустая строка». Переменной присваивается специальное значение null, если пользователь нажимает кнопку отмены.

Всплывающие окна JavaScript

Существует три вида всплывающих окон:

  1. Окно оповещения: оно регулярно используется, если мы хотим проверить информацию, поступающую к пользователю. Пользователь должен будет нажать OK, чтобы продолжить.
  2. Поле подтверждения: поле подтверждения используется, если мы хотим, чтобы пользователь что-то подтвердил или получил. Пользователь должен будет нажать «ОК» или «Отмена», чтобы продолжить, когда появится окно подтверждения. Поле возвращает true, если пользователь нажимает OK. Поле возвращает false, если пользователь нажимает «Отмена».
  3. Окно подсказки: Окно подсказки часто используется, если мы хотим, чтобы пользователь ввел значение до входа на страницу. Пользователь должен будет нажать «ОК» или «Отмена», чтобы продолжить следующий ввод входного значения, когда появится окно подсказки. Поле возвращает введенное значение, если пользователь нажимает OK. Поле возвращает значение null, если пользователь нажимает «Отмена». Пользователь должен будет нажать OK, чтобы продолжить, когда появится всплывающее окно с предупреждением.

Синтаксис метода prompt()

Следующий пример иллюстрирует синтаксис метода prompt():

let result = window.prompt(message, default);

Теперь в этом синтаксисе:

Сообщение представляет собой строку для отображения. Ничего не будет отображаться в диалоговом окне, если мы его опустим. Значение по умолчанию — это строка, охватывающая значение по умолчанию для поля ввода текста. Результатом является строка, которая закрывает текст, введенный пользователем, или null. prompt() является модальным и синхронным, как alert() и confirm(). Реализация кода останавливается при отображении диалогового окна и перезапускается после закрытия диалогового окна.

Примеры подсказок JavaScript

1. Показать диалоговое окно с подсказкой

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

let lang = prompt(‘What is your favorite programming language?’);
let feedback = lang.toLowerCase() === ‘javascript’? `It’s great! ` :
`It’s ${lang}`;
alert(feedback);

2. Преобразование пользовательского ввода в число

Результатом prompt() будет строка. Мы всегда должны использовать его, если хотим получить ответ в виде числа. В следующем примере функция prompt() используется для отображения диалогового окна, запрашивающего у пользователей их возраст. Они имеют право присоединиться, если пользователям 16 лет или больше. Иначе их не будет.

let ageStr = prompt(‘How old are you?’);
let age = Number(ageStr);
let feedback = age>= 16?
`You’re eligible to join.` :
`You must be at least 16 years old to join.`;
alert(feedback);

Для получения дополнительной информации посетите:

https://www.technologiesinindustry4.com/2021/01/what-are-javascript-prompts.html