значение какого типа может возвращать функция prompt
Форум
Справочник
prompt
Синтаксис
Аргументы
Описание, примеры
Выводит сообщение в окне с текстовым полем и двумя кнопками: «ОК» и «ОТМЕНА».
Возвращает введенное значение или null, если посетитель нажал на кнопку «ОТМЕНА».
Спасибо огромное;)
нужна была обработка веденного ключа на
правильное, неправильное значения и на отмену ввода
до этого момента не знал как разделить последние два события..
Уважаемый товарищ, у меня тот же вопрос. Если Вы уже знаете ответ, то прошу сообщить и мне. Спасибо.
Размеры и положение модальных окон регулируются браузерами самостоятельно. На них никак нельзя повлиять. Поэтому там, где требуется красивая форма ввода, не используют prompt, а получают значение из красиво нарисованной на HTML формы
В том примере не доработка.
Скрипт расщитан на вывод alert(ом) данные введенные тогда.
но если пользователь оставит поле пустым он выведет «Вам null лет», нужно исправить:
var years=prompt(‘Сколько вам лет?’,’100′);
if (years == »)
alert(‘Вам ‘+years+’ лет!’);
Лучше:
А вообще, лучше всунуть в цикл и проверить что вводится именно число:
Как избавиться от самопроизвольного повторного выскакивания промптовского окна после получения результата?
Попроще, чтоб два раза не выскакивало, я сразу в окно поместил ответы, вот мой пример:
Параметр value использовать все же рекомендуется, т.к. в ИЕ по умолчанию в поле написано undefinded, но мы ведь этого не хотим, верно?
поэтому так корректнее:
promt(«Введите что нибудь»,»»)
Собрал в работающий пример всё прозвучавшее в комментариях, добавил замену запятой на точку, проверку на допустимость значения и выбор «год-года-лет»:
Вот вы реально идиоты ))
Отлично позамарачивались! ))
(например тега
P.S. сея прога не работает, как ее можно исправить?
Способы взаимодействия с пользователем – Методы alert, confirm и prompt
Здесь будут рассмотрены простые способы взаимодействия между JavaScript и пользователем, который находится на сайте.
Здесь вы узнаете о методах alert, confirm и prompt. Каждый из них вызывает модальное окно, но все они отличны и используются в различных ситуациях.
Метод alert вызывает модальное окно с указанным текстом. Это окно встроено в браузер : мы не можем изменить его стиль.
Пример 1.1
Пример 1.2
1. Правильный синтаксис при использовании метода prompt таков:
Пример 1.3
На сегодняшний день принято так : даже если второй параметр не указывается, то как видно из примера, правильно после первого параметра и после запятой оставлять пустые кавычки.
2. Чтобы ни ввел пользователь в поле для ввода: число или текст, в любом случае метод prompt возвращает строку. То есть в переменной answer в любом случае будет тип данных строка.
Проверим это при помощи оператора typeof.
Пример 1.4
Итак, теперь мы знаем, что метод prompt всегда возвращает строку.
Пример 1.5
Рассмотренный пример является одним из случаев динамической типизации.
Как работает этот код?
Здесь мы говорили о том, как происходит доступ к элементам массива?
В этом примере мы выводим информацию не в консоль, а непосредственно на страницу при помощи метода write объекта document.
На практике этот способ вывода данных на веб-страницу практически не используется (потому что эта команда заменяет все содержимое страницы на то, что выводит на экран). Но знать о нем нужно.
Особенность методов alert, confirm и prompt
Итак, в этой статье Вы узнали о том, как происходит взаимодействие между JavaScript и пользователем на самом простом уровне. И увидели, что мы можем получать данные от пользователя и как-то их использовать.
Примеры prompt, alert и confirm в JS
Функция alert в JS
Функция alert запускает в браузере окно с текстом и кнопкой для подтверждения. Пока окно висит в браузере, выполнение скриптов приостанавливается, до тех пор, пока пользователь не подтвердит, нажав на кнопку ‘OK’, что ознакомился с выведенной в окне информацией.
alert(«Мы больше не работаем в выходные!»);
В передаваемых параметрах, строку можно склеивать с переменными. Вместо ‘x’, подставится значение переменной, а оператор (+) склеит строки с переменной.
let x = 9;
alert(«Вы получите свой товар в » + x + » часов»);
Функция prompt в JS
let firstName = prompt(‘Как Вас зовут?’);
alert(«Добро пожаловать » + firstName);
Prompt показывает окно с полем для ввода запрашиваемых данных от пользователя и две кнопками (‘OK’ и ‘Отмена’). Если пользователь введет имя и нажмет ‘OK’, то введенное им имя присвоится переменной name. Тогда появится следующее окно, где мы приветствуем пользователя, обратившись к нему по имени. Возможен и другой вариант развития событий, если была нажата кнопка ‘Отмена’, то скрипт вернет null.
Функция prompt может принимать два параметра, вторым параметром устанавливается дефолтное значение в поле окна.
let age = prompt(‘Подтвердите, что вы совершеннолетний! Укажите ваш возраст!’, 18);
alert(«Вам есть «+ age + » заходите!»);
Цифра 18 автоматически выводится в поле ввода, которую можно изменить или оставить как есть.
Загадайте пользователю загадку и используя конструкцию if-else, сообщите ему правильно ли он ответил.
let user_otvet = prompt(«Два конца, два кольца. Посредине гвоздик.»);
if(user_otvet == «ножницы») <
alert(«Ответ верный!»); // инструкция 1
> else <
alert(«Ответ неверный!»); // инструкция 2
>
Зададим условие: Если в переменную попадет слово ножницы, то выполнится инструкция 1 и пользователь увидит окно «Ответ верный!»
Функция confirm в JS
Функция confirm запускает окно с текстом и кнопками: ‘OK’ и ‘Отмена’.
let sendMail = confirm(«Ты отправил письмо?»);
alert( sendMail );
Заключение
Все эти три функции взаимодействуют с пользователем. Функция alert не оставляет пользователю выбора, ему показывается только одна кнопка и ожидается клик по ней. Функция confirm предоставляет пользователю выбор между двумя кнопками. Функция prompt просит ввести данные и возвращает эти данные, если нажата кнопка ‘OK’. А в случае отмены, возвращает null.
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Комментарии ( 0 ):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Copyright © 2010-2021 Русаков Михаил Юрьевич. Все права защищены.
Блог Vaden Pro
Операции alert, prompt и confirm. Взаимодействие с пользователем в Javascript
В JavaScript существует три базовых операции, которые позволяют получать данные от пользователя, для дальнейшей их обработки в скриптах. Это alert, prompt и confirm. Для чего они применяются, как их использовать и прочие нюансы и будут рассмотрены далее в этой статье.
alert
Применяется для вывода на экран браузера модального окна (это означает, что пользователь ничего не может нажать на странице, пока не закроет это окно. В рассматриваемом примере, до тех пор, пока не кликнет «ОК» в окне).
После вывода сообщения, содержащегося в alert, выполнение скрипта приостанавливается и возобновляется после закрытия модального окна.
Для примера запустите следующий скрипт из одной строки:
Обычно используется для вывода на экран пользователя оповещений о чем-либо (к примеру о неверно заполненных полях формы) или же для отладки кода, чтобы выяснить на каком месте кода начинается некорректное выполнение скрипта.
prompt
Второй по распространенности после операции alert является prompt. Данная команда предоставляет пользователю больше возможностей для взаимодействия с модальным окном, делая доступными для нажатия две кнопки (OK и CANCEL) и поле для ввода информации.
Для того, чтобы продолжить работу с сайтом, юзеру необходимо или закрыть данное окно, кликнув на CANCEL (нажатие EST на клавиатуре также сработает) или ввести информацию в поле для ввода и нажать ОК.
В случае отмены ввода текста в поле (нажатие CANCEL) в скрипт будет возвращено специальное значение null. Подробнее о котором можно почитать тут.
В случае заполнения поля и нажатия ОК, в скрипт вернется информация, которую ввел пользователь.
Маленький пример использования prompt:
Обычно данная команда используется для сбора данных у пользователей, которые необходимы скрипту для продолжения дальнейшей работы.
confirm
Также представляет собой модальное окно. Как не сложно догадаться из названия используется обычно для согласования чего-либо с пользователем.
Для того и заточена – для взаимодействия предоставляет пользователю кнопки OK и CANCEL, которые возвращают скрипту булевы значения true и false соответственно.
По синтаксису не отличается от alert.
Мы не можем влиять на оформление модального окна, выводящего эти команды.Это с одной стороны не позволяет адаптировать вывод сообщений под дизайн сайта, с другой стороны делает эти команды невероятно простыми, благодаря чему они и заслужили такую популярность среди веб-разработчиков.
Способов получить информацию от пользователей проще, чем искользование команд alert, prompt, confirm просто не существует.
JavaScript методы alert, prompt и confirm
Дата публикации: 2016-10-13
От автора: приветствую вас, друзья. В этой статье мы с вами познакомимся сразу с несколькими методами JavaScript — это методы alert, prompt и confirm. Все указанные методы позволяют выводить стандартное модальное окно браузера и таким образом взаимодействовать вашей программе с пользователем. Начнем!
Начнем с того, что данные методы в реальной практике используются не так часто, поскольку методы вызывают стандартные модальные окна браузера. Выглядят эти окна не очень привлекательно и могут не вписываться в концепцию дизайна сайта. Поэтому зачастую для реализации модальных окон с указанным функционалом используются сторонние библиотеки или собственные решения.
Однако если вам нужно быстрое решение и внешний вид окна для вас не играет роли, тогда использование предлагаемых функций JavaScript будет хорошим выбором. Например, в админской части сайта, где красота особо не важна и куда важнее функционал.
Итак, начнем с первого метода — метод alert. С ним мы уже сталкивались в предыдущих статьях. Метод alert просто выводит модальное окно со строкой, которая передана ему в качестве параметра:
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения