Всплывающее окно без jQuery плагинов

Решение, как сделать модальное окно на чистом JavaScript без использования jQuery плагинов

Демонстрация

1 Подключить файлы

<script src="index.js"></script>
<link rel="stylesheet" href="css.css">

2 Инициализация

<script>const modal = new VanillaModal()</script>

3 Ссылка (кнопка)

<a href="#modal-1" rel="modal:open">One Prodigious Cat</a>

4 Контент

<div id="modal-1" style="display:none">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam itaque aperiam porro temporibus saepe pariatur ad, asperiores cumque recusandae provident aliquam nulla, ex, explicabo eos suscipit culpa sapiente nesciunt quas!
</div>

5 Построение окна

<div class="modal">
  <div class="modal-inner">
	<a rel="modal:close">&times;</a>
	<div class="modal-content" id="modal-1">33</div>
  </div>
</div>
Продолжая использовать веб- сайт beta-code.ru, вы даете согласие на обработку файлов cookie, пользовательских данных (сведения о местоположении; тип и версия ОС; тип и версия Браузера; тип устройства и разрешение его экрана; источник откуда пришел на сайт пользователь; с какого сайта или по какой рекламе; язык ОС и Браузера; какие страницы открывает и на какие кнопки нажимает пользователь; ip-адрес) в целях функционирования сайта, проведения ретаргетинга и проведения статистических исследований и обзоров. Если вы не хотите, чтобы указанные данные обрабатывались, покиньте сайт.
Принять