Полезные элементы HTML: dialog
создаем модальные диалоги только с помощью HTML
HTML-элемента ‘dialog’ позволяет получать модальные диалоговые окна, не полагаясь на библиотеки JavaScript. Такой семантически верный подход можно использовать для создания оповещений, подтверждений, всплывающих окон.
Например:
<dialog id="myDialog">
<p>Это диалог</p>
<button onclick="document.getElementById('myDialog').close()">Закрыть</button>
</dialog>
<button onclick="document.getElementById('myDialog').showModal()">Открыть</button>
Такой элемент достаточно просто стилизовать или оснастить дополнительным функциями с помощью JavaScript.
Спасибо за внимание.
