Fullstack
Поговорим о программировании
Вот смотри
const modal = document.querySelector('.modal');
const modalButton = document.querySelector('.modal-button');
const closeModal = document.querySelector('.close-modal');
modalButton.addEventListener('click', () => {
modal.classList.add('show');
});
closeModal.addEventListener('click', () => {
modal.classList.remove('show');
});
тут мы выбираем 3 элемента - модальное окно, кнопку открытия и кнопку закрытия этого модального окна
на обе кнопки вешаем обработчики события клик, в теле обработчика первой кнопки добавляем модальному окну класс show, чтобы модалка показывалась на экране, а в теле обработчика второй кнопки удаляем этот класс, чтобы модалка закрылась