Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
const modalButton = document.querySelectorAll('.button-certificates'); var modalImg = document.querySelector('#img01'); var modal = document.getElementById('modalCertificates'); var close = document.getElementById("close"); var overlay = document.querySelector('.modal-certificates__overlay'); function closeModal(){ modal.style.visibility = "hidden"; modal.style.opacity = "0"; overlay.style.visibility = "hidden"; overlay.style.opacity = "0"; document.querySelector('html').classList.remove("hystmodal-opened"); } function openModal(){ modal.style.visibility = "visible"; modal.style.opacity = "1"; overlay.style.visibility = "visible"; overlay.style.opacity = "1"; document.querySelector('html').classList.add("hystmodal-opened"); } modalButton.forEach(el=> el.addEventListener('click', function (e){ e.preventDefault(); modalImg.src = el.querySelector('.study__certificates-img').src; openModal(); } )); close.addEventListener('click', function (){ closeModal (); }) overlay.addEventListener('click', function (){ closeModal (); })