Prompt вывести 2 строки

Функция prompt в JavaScript

Вы уже знаете о существовании функции alert , выводящей заданное сообщение на экран. Существует также похожая функция prompt , которая позволяет получить от пользователя какой-либо текст.

Давайте для примера спросим имя пользователя:

Запустите приведенный выше код, чтобы увидеть окошко, выводимое функцией prompt . Вбейте ваше имя и нажмите на кнопку. Если вы проделали все описанные выше манипуляции, то введенное вами имя попадет в наш скрипт.

Для того, чтобы получить доступ к введенному имени, результат работы функции prompt нужно присвоить в какую-нибудь переменную, например, вот так:

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

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

Кстати, использовать переменную не обязательно:

Спросите возраст пользователя с помощью функции prompt . Выведите с помощью alert введенный пользователем возраст.

Проблема с типами

Учтите, что функция prompt всегда возвращает строку, даже если пользователь вводил число. Для примера рассмотрите следующий скрипт:

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

С помощью функции prompt спросите у пользователя сторону квадрата. Выведите на экран площадь введенного квадрата.

С помощью двух функций prompt спросите у пользователя стороны прямоугольника. Выведите на экран периметр введенного прямоугольника.

Источник

Взаимодействие с пользователем: alert, prompt, confirm

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/alert-prompt-confirm.

В этом разделе мы рассмотрим базовые UI операции: alert , prompt и confirm , которые позволяют работать с данными, полученными от пользователя.

alert

alert выводит на экран окно с сообщением и приостанавливает выполнение скрипта, пока пользователь не нажмёт «ОК».

Окно сообщения, которое выводится, является модальным окном. Слово «модальное» означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберётся с окном. В данном случае – пока не нажмёт на «OK».

prompt

Функция prompt принимает два аргумента:

Она выводит модальное окно с заголовком title , полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL.

Пользователь должен либо что-то ввести и нажать OK, либо отменить ввод кликом на CANCEL или нажатием Esc на клавиатуре.

Вызов prompt возвращает то, что ввёл посетитель – строку или специальное значение null , если ввод отменён.

Единственный браузер, который не возвращает null при отмене ввода – это Safari. При отсутствии ввода он возвращает пустую строку. Предположительно, это ошибка в браузере.

Если нам важен этот браузер, то пустую строку нужно обрабатывать точно так же, как и null , т.е. считать отменой ввода.

Как и в случае с alert , окно prompt модальное.

Второй параметр может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию «undefined» .

Запустите этот код в IE, чтобы понять о чём речь:

Поэтому рекомендуется всегда указывать второй аргумент:

confirm

confirm выводит окно с вопросом question с двумя кнопками: OK и CANCEL.

Результатом будет true при нажатии OK и false – при CANCEL( Esc ).

Особенности встроенных функций

Конкретное место, где выводится модальное окно с вопросом – обычно это центр браузера, и внешний вид окна выбирает браузер. Разработчик не может на это влиять.

С одной стороны – это недостаток, так как нельзя вывести окно в своём, особо красивом, дизайне.

С другой стороны, преимущество этих функций по сравнению с другими, более сложными методами взаимодействия, которые мы изучим в дальнейшем – как раз в том, что они очень просты.

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

Источник

alert, prompt и confirm — диалоговые окна в JavaScript

В этой статье мы разберём 3 метода браузера (объекта window ): alert , prompt и confirm .

Метод alert()

Функция alert() предназначена для вывода в браузере предупреждающего модального диалогового окна с некоторым сообщением и кнопкой «ОК» . При его появлении дальнейшее выполнение кода страницы прекращается до тех пор, пока пользователь не закроет это окно. Кроме этого, оно также блокирует возможность взаимодействия пользователя с остальной частью страницы. Применение этого окна в основном используется для вывода некоторых данных при изучении языка JavaScript, в реальных проектах команда alert() не используется.

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

Метод alert() имеет один аргумент ( message ) — текст сообщения, которое необходимо вывести в модальном диалоговом окне. В качестве результата alert() ничего не возвращает.

Например, выведем при клике в диалоговое окно alert координаты курсора:

Если alert сообщение нужно вывести на нескольких строках, то в этом случае следует воспользоваться «символом перевода строки», который в JavaScript записывается как \n :

Метод prompt()

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

В переменную result возвращается значение введённое пользователем или null . Если пользователь не ввёл данные (поле ввода пустое) и нажал на «ОК», то в result будет находиться пустая строка.

Например, запросим имя пользователя при входе его на сайт с помощью prompt, а затем выведем его в элемент #welcome :

Метод confirm()

Метод confirm() объекта window применяется для вывода модального диалогового окна с сообщением и кнопками «ОК» и «Отмена». Оно обычно используется для запроса у пользователя разрешения на выполнение того или иного действия.

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

В переменную result возвращается:

• true — если пользователь нажал на кнопку «ОК»;
• false — в остальных случаях.

Например, выведем в элемент #result текст в зависимости то того на какую кнопку нажал пользователь в диалоговом окне confirm:

Итого

В этой статье мы рассмотрели 3 функции браузера: alert , prompt и confirm . Они предназначены для взаимодействия с пользователем. Диалоговые окна создаваемые этими методами являются модальными. Это значит, что они блокируют доступ пользователя к остальной части страницы пока оно не будет закрыто. Кроме этого, они ещё приостанавливают загрузку дальнейшей части страницы. По этим причинам, их имеет смысл использовать в скриптах только при изучении JavaScript, чтобы запросить или вывести некоторую информацию на экран. В настоящих проектах они обычно не используются.

Ещё одно ограничение при использовании этих окон связано с тем, что их расположение и оформление определяется браузером. Как-то изменить или настроить это нельзя.

Примеры

1. Использование методов prompt и alert для создания игры «Угадай число»?

Источник

Prompt несколько значений

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

Вывод в список значений поля, одновременно допускающем несколько значений
Есть таблицы, 6 штук. Как через запрос вывести в список информацию о СМУ? например, выбираю объект.

Объединить несколько значений в таблице значений
Друзья, есть такая табличная часть: Время | Программа 09:00 | Мультики 09:15 | Кино 10:00 |.

Несколько значений в методе
В боте для Телеграма есть метод Bot.SendPhotoAsync (если что он на C#) , так вот, кто подскажет .

Делегат, несколько значений
//Program.cs using System; using System.Windows.Forms; namespace NS < static class Program.

какой код вам скинуть?

вам дали текст примечания к описанию свойства window.prompt () — «окошко prompt содержит однострочное текстовое поле, кнопку Отмена и кнопку ОК»

нет возможности сделать именно prompt () двухстрочным

под словом «строка» здесь подразумевается одно «однострочное поле ввода»

вам нужен простой контейнер:

вместо вызова promt () прописываете — document.getElementById (‘myPrompt’).style.display = ‘block’

а на кнопки Отмена и ОК внутри контейнера прописываете — onclick=»document.getElementById (‘myPrompt’).style.display = ‘none'»

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

Несколько значений в TextBox
Здравствуйте! Мне нужно чтобы в текстбоксе было несколько значений. К примеру: 123 или 321.

Несколько значений в ячейке
Всем привет! Я первый раз создаю базу данных. И вроде структуру привел в более менее адекватный.

Несколько значений в отчете
Всем добрый день! Имеем отчет с несколькими получателями. Нужно сохранить в PDF, но если получатели.

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

Источник

Форум

Справочник

prompt

Синтаксис

Аргументы

Описание, примеры

Выводит сообщение в окне с текстовым полем и двумя кнопками: «ОК» и «ОТМЕНА».

Возвращает введенное значение или null, если посетитель нажал на кнопку «ОТМЕНА».

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

а как можно задать координаты окна prompt? В Firefox оно в центре окна,а в IE — в левом верхнем углу. Нельзя его оттуда перетащить?

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

объясните пожалуйста, как исправить размер модального окна в IE ?
с методом prompt
вот это окно в Опере

Уважаемый товарищ, у меня тот же вопрос. Если Вы уже знаете ответ, то прошу сообщить и мне. Спасибо.

Размеры и положение модальных окон регулируются браузерами самостоятельно. На них никак нельзя повлиять. Поэтому там, где требуется красивая форма ввода, не используют prompt, а получают значение из красиво нарисованной на HTML формы

В том примере не доработка.
Скрипт расщитан на вывод alert(ом) данные введенные тогда.
но если пользователь оставит поле пустым он выведет «Вам null лет», нужно исправить:

var years=prompt(‘Сколько вам лет?’,’100′);
if (years == »)
alert(‘Вам ‘+years+’ лет!’);

Лучше:

А вобще null и пустая строка — разные вещи, а значит здесь как проверку нужно использовать:

А вообще, лучше всунуть в цикл и проверить что вводится именно число:

Ну и идеальный вариант — объёдинить проверку на null и на NaN

years = parseInt(years, 10); // округляем => если не число, то NaN
упс, глюкануло: parseInt — выделение числ. части, конечно.

а почему именно число , может с айпона голосовым вводом вводят — и там строка появится.

Как избавиться от самопроизвольного повторного выскакивания промптовского окна после получения результата?

Попроще, чтоб два раза не выскакивало, я сразу в окно поместил ответы, вот мой пример:

Параметр value использовать все же рекомендуется, т.к. в ИЕ по умолчанию в поле написано undefinded, но мы ведь этого не хотим, верно?
поэтому так корректнее:
promt(«Введите что нибудь»,»»)

Собрал в работающий пример всё прозвучавшее в комментариях, добавил замену запятой на точку, проверку на допустимость значения и выбор «год-года-лет»:

Вот вы реально идиоты ))
Отлично позамарачивались! ))

Возможно ли и каким обазом ,задав значение переменной можно задать ею значение атрибута тега?

(например тега
P.S. сея прога не работает, как ее можно исправить?

Возможно ли и каким обазом ,задав значение переменной можно задать ею значение атрибута тега?

x1=prompt(«. «);
y1=prompt(«. «);

Источник