Створити сповіщення

Ми хочемо зробити цей проєкт з відкритим кодом доступним для людей у всьому світі.

Допоможіть перекласти цей підручник вашою мовою!

КупитиEPUB/PDF
Навчальна карта
назад до уроку

Створити сповіщення

важливість: 5

Напишіть функцію showNotification(options), яка створює сповіщення <div class="notification"> з переданим вмістом. Сповіщення повинно автоматично зникати через 1.5 секунди.

Вхідні параметри такі:

// показує елемент з текстом "Hello" біля правого верхнього кутка вікна
showNotification({
  top: 10, // 10px від верха вікна (усталено має бути 0px)
  right: 10, // 10px від правого краю вікна (усталено — 0px)
  html: "Hello!", // HTML-код сповіщення
  className: "welcome" // додатковий клас для елемента div (необов'язково)
});

Демонстрація в новому вікні

Використовуйте позиціонування CSS для розміщення елемента за вказаними координатами top/right. Документ з оточенням вже містить всі необхідні стилі.

Відкрити пісочницю для завдання.

Відкрити рішення в пісочниці.