showDialog
Диалоговое окно которое сделает все само!
А если серьезно это маленькая библиотечка, а точнее там одна функция которая создает очень простое окно, где нет ничего лишнего.
Данный пример и все файлы на github
Разбор по шагам
Шаг 1.
В head нужно подключить два файла showDialog.js, showDialog.css
Шаг 2.
Функция showDialog принимает объект который может содержать следующие ключи
title — заголовок
message — сообщение или шаблон
data — данные которые будут вставлены в шаблон
buttons — кнопки
Hello world
Самый базовый пример
Два аргумента title и message (строка)
showDialog({
title: 'Сообщение',
message: "Hello world"
})
message
message — может принимать несколько типов данных
- строки
- функции
- промисы
Пример message — тип функция
showDialog({
title: 'Ширина окна',
message: () => document.body.offsetWidth
})
Пример message — тип промис
showDialog({
title: 'json с сервера',
message: fetch('https://jsonplaceholder.typicode.com/todos/1')
})