Уроки Javascript

#9 – Функціональні вікна (alert, prompt, confirm)

#9 – Функціональні вікна (alert, prompt, confirm)

У мові JavaScript є кілька вбудованих функцій, що забезпечують створення вспливаючих вікон. За урок ми розглянемо три функції, що надають можливість реалізації вікон з різним набором дій. Ми вивчимо методи: alert, confirm та prompt.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Для роботи з користувачем у JavaScript передбачено кілька інтерактивних функцій:

  • функція alert() дозволяє виводити інформацію у спливаючому вікні;
  • функція confirm () дозволяє запитувати угоду у спливаючому вікні;
  • функція prompt() отримує дані від користувача у спливаючому вікні.

Функція alert дозволяє вивести будь-яку інформацію у спливаючому вікні у браузері. До таких вікон не можна додати стилі та прикрасити їх.

alert("Просто виведення інформації");


Таке спливаюче вікно дуже зручне, тому що воно дозволяє швидко і наочно вивести потрібну інформацію для користувача.


Функція confirm відкриває спливаюче вікно з певним питанням і двома кнопками: Ок и Відміна. Отримані дані з вікна можна перевірити в умовному операторі та в залежності від них виконати код.


Приклад виклику вікна:

var result = confirm("Ви згодні з confirm?"); // Якщо ок, то result буде true // Якщо скасування, то result буде false


З мінусів функції можна виділити не завжди гарний і відповідний дизайн спливаючого вікна. До нього не можна додати стилі CSS, а значить і «надати вигляду» не вийде.


Метод prompt отримує інформацію від користувача. Отримані дані можна помістити у змінну.


Приклад використання:

var info = prompt("Скільки вам років?", 25); // Другий параметр це значення за замовчуванням // Його можна і не додавати


У прикладі дані будуть поміщені в змінну info. Після отримання даних з ними можна працювати як зі звичайною змінною.

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Уроки Angular для начинающих
MERN Stack / Разработка веб-приложения
Створення динамічного веб-сайту
7 уроків
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
Уроки React Native для начинающих / Разработка приложения с нуля
Фреймворк Next JS / Изучение NextJS для начинающих
Коментарі (2)
Додати коментар

Ярик 19 травня 2024 в 19:24

Продемонструйте приклад використання функції confirm, яка запитуватиме користувача чи є він студентом чи ні
Відповісти

Микита 13 травня 2024 в 18:48

Чудовий урок!
<script>alert('Дякую');</script>
Відповісти