Работа модального окна в JavaScript основана на том, что изначально оно скрыто от пользователя и появляется только после клика по кнопке. 1 Для его закрытия нужно кликнуть по крестику. 1

Алгоритм работы: 1

1. Открытие модального окна. 1 На кнопку вешают обработчик события клика и callback-функцию. 1 Функция делает модальное окно видимым и добавляет к нему класс с анимацией. 1
2. Закрытие модального окна. 1 На крестик вешают обработчик события клика и callback-функцию. 1 Функция делает модальное окно снова невидимым и удаляет класс с анимацией. 1

Вызов модального окна можно привязать к различным событиям на странице, но в большинстве сценариев это осуществляют при нажатии на кнопку или ссылку. 4