Newcomposers.ru

IT Мир
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Метод alert в javascript

Примеры prompt, alert и confirm в JS

У браузеров есть замечательная опция — возможность взаимодействия с пользователем, через диалоговые (модальные) окна на JS. Достигается это с помощью встроенных в браузер функций: alert, prompt и confirm, каждую из которых, мы сегодня и рассмотрим.

Функция alert в JS

Функция alert запускает в браузере окно с текстом и кнопкой для подтверждения. Пока окно висит в браузере, выполнение скриптов приостанавливается, до тех пор, пока пользователь не подтвердит, нажав на кнопку ‘OK’, что ознакомился с выведенной в окне информацией.

alert(«Мы больше не работаем в выходные!»);

В передаваемых параметрах, строку можно склеивать с переменными. Вместо ‘x’, подставится значение переменной, а оператор (+) склеит строки с переменной.

let x = 9;
alert(«Вы получите свой товар в » + x + » часов»);

Функция prompt в JS

Функция prompt — самая крутая среди трёх рассматриваемых. Она позволяет запрашивать у посетителя данные и оперировать ими.

let firstName = prompt(‘Как Вас зовут?’);
alert(«Добро пожаловать » + firstName);

Prompt показывает окно с полем для ввода запрашиваемых данных от пользователя и две кнопками (‘OK’ и ‘Отмена’). Если пользователь введет имя и нажмет ‘OK’, то введенное им имя присвоится переменной name. Тогда появится следующее окно, где мы приветствуем пользователя, обратившись к нему по имени. Возможен и другой вариант развития событий, если была нажата кнопка ‘Отмена’, то скрипт вернет null.

Функция prompt может принимать два параметра, вторым параметром устанавливается дефолтное значение в поле окна.

let age = prompt(‘Подтвердите, что вы совершеннолетний! Укажите ваш возраст!’, 18);
alert(«Вам есть «+ age + » заходите!»);

Цифра 18 автоматически выводится в поле ввода, которую можно изменить или оставить как есть.

Читать еще:  Java 7 update

Загадайте пользователю загадку и используя конструкцию if-else, сообщите ему правильно ли он ответил.

let user_otvet = prompt(«Два конца, два кольца. Посредине гвоздик.»);
if(user_otvet == «ножницы») <
alert(«Ответ верный!»); // инструкция 1
> else <
alert(«Ответ неверный!»); // инструкция 2
>

Зададим условие: Если в переменную попадет слово ножницы, то выполнится инструкция 1 и пользователь увидит окно «Ответ верный!»

Если пользователь введет какое-то другое слово, то программа перейдет к блоку else и выполнится инструкция 2. Выведется сообщение — «Ответ неверный!»

Функция confirm в JS

Функция confirm запускает окно с текстом и кнопками: ‘OK’ и ‘Отмена’.

let sendMail = confirm(«Ты отправил письмо?»);
alert( sendMail );

В случае нажатия ‘OK’, возвращает в alert окне true, в случае отмены — false.

Заключение

Все эти три функции взаимодействуют с пользователем. Функция alert не оставляет пользователю выбора, ему показывается только одна кнопка и ожидается клик по ней. Функция confirm предоставляет пользователю выбор между двумя кнопками. Функция prompt просит ввести данные и возвращает эти данные, если нажата кнопка ‘OK’. А в случае отмены, возвращает null.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

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

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Читать еще:  Как восстановить предыдущее состояние компьютера windows 10

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):
  • Комментарии ( 0 ):

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2020 Русаков Михаил Юрьевич. Все права защищены.

    JavaScript — Методы alert, prompt и confirm

    На этом уроке мы познакомимся с методами объекта window : alert() , prompt() и confirm() .

    Метод alert()

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

    Метод alert() имеет один обязательный параметр — это текст сообщения, которое отображается в диалоговом окне. Данный метод в результате своего выполнения ни чего не возвращает.

    Метод confirm()

    Данный метод имеет один параметр — это текст сообщения, которое будет выведено в диалоговое окно.

    Метод confirm() в качестве результата ( resultConfirm ) своего выполнения возвращает одно из двух значений:

    • true , если пользователь нажал «ОК»;
    • false , если пользователь нажал «Отмена» или закрыл его.

    Например, выведем в элемент р с id=»resultConfirm» результат нажатия пользователем на кнопку «ОК» в диалоговом окне:

    Метод prompt()

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

    Данный метод имеет два параметра:

    • сообщение, которое будет выведено в диалоговом окне. Данный параметр является обязательным и содержит сообщение, в котором «говорится», какие данные должен ввести пользователь в текстовое поле;
    • второй параметр является необязательным и может использоваться для указания начального значения, которое будет выведено в поле ввода диалогового окна при открытии.
    Читать еще:  Как восстановить систему виндовс 10 на ноутбуке

    В зависимости от действий пользователя метод prompt() может возвращать следующие данные:

    • текстовое значение — если в поле ввода содержатся данные и пользователь нажал «ОК»;
    • пустая строка — если в поле ввода не содержатся данные и пользователь нажал «ОК»;
    • null — если пользователь нажал «Отмена» или закрыл это окно, при этом не важно какие данные были введены в текстовое поле.

    Примечание: диалоговое окно, которое появляется в результате выполнения одного из методов alert() , confirm() или prompt() является модальным, т.е. оно блокирует доступ пользователя к родительскому приложению (браузеру) до тех пор, пока пользователь не закроет это диалоговое окно.

    Например, запросим у пользователя имя и выведем в зависимости от результата текст в элемент c id=»nameUser» :

    Например, попросим пользователя угадать число 8:

    Ссылка на основную публикацию
    Adblock
    detector