Функция prompt

Функция prompt выводит окно для ввода данных. Первым параметром она принимает сообщение, которое будет показано пользователю, а вторым - текст по умолчанию в поле ввода Второй параметр - не обязательный.

В окошке что появится будет находится текстовое поле, и две кнопки - ОК, CANCEL. При нажатии на ОК - возвращается введенная пользователем строка, а при нажатии на CANCEL - null.

Синтаксис

javascriptprompt(сообщение, [текст по умолчанию]);

Пример

По нажатию на кнопку спросим имя пользователя, а затем выведем это имя с помощью функции alert:

html<button id="button">click me</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function(event) {
  let res = prompt('What is Your name?');
  alert(res);
});

Результат:

Пример

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

html<button id="button">click me</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function(event) {
  let res = prompt('What is Your name?', 'John');
  alert(res);
});

Результат:

Смотрите также