#9 – Функціональні вікна (alert, prompt, confirm)
Відеоурок
Для роботи з користувачем у JavaScript передбачено кілька інтерактивних функцій:
- функція
alert()дозволяє виводити інформацію у спливаючому вікні; - функція
confirm ()дозволяє запитувати угоду у спливаючому вікні; - функція
prompt()отримує дані від користувача у спливаючому вікні.
Функція alert дозволяє вивести будь-яку інформацію у спливаючому вікні у браузері. До таких вікон не можна додати стилі та прикрасити їх.
alert("Просто виведення інформації"); Таке спливаюче вікно дуже зручне, тому що воно дозволяє швидко і наочно вивести потрібну інформацію для користувача.
Функція confirm відкриває спливаюче вікно з певним питанням і двома кнопками: Ок и Відміна. Отримані дані з вікна можна перевірити в умовному операторі та в залежності від них виконати код.
Приклад виклику вікна:
var result = confirm("Ви згодні з confirm?"); // Якщо ок, то result буде true // Якщо скасування, то result буде false З мінусів функції можна виділити не завжди гарний і відповідний дизайн спливаючого вікна. До нього не можна додати стилі CSS, а значить і «надати вигляду» не вийде.
Метод prompt отримує інформацію від користувача. Отримані дані можна помістити у змінну.
Приклад використання:
var info = prompt("Скільки вам років?", 25); // Другий параметр це значення за замовчуванням // Його можна і не додавати У прикладі дані будуть поміщені в змінну info. Після отримання даних з ними можна працювати як зі звичайною змінною.
Вихідний код
Весь код буде доступний після підписки на проект! Онлайн редактор коду
Завдання до уроку
Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань
Велике завдання за курсом
Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця
Також варто подивитися