Как работает модальное окно в JavaScript?

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

Алгоритм работы: myrusakov.ru

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

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