let modal;
document.addEventListener("click", (e) => {
if (e.target.className === "modal-open") {
modal = document.getElementById(e.target.dataset.id);
openModal(modal);
} else if (e.target.className === "modal-close") {
closeModal(modal);
} else {
return;
}
});
const openModal = (modal) => {
document.body.style.overflow = "hidden";
modal.setAttribute("open", "true");
document.addEventListener("keydown", escClose);
let overlay = document.createElement("div");
overlay.id = "modal-overlay";
document.body.appendChild(overlay);
};
const closeModal = (modal) => {
document.body.style.overflow = "auto";
modal.removeAttribute("open");
document.removeEventListener("keydown", escClose);
document.body.removeChild(document.getElementById("modal-overlay"));
};
const escClose = (e) => {
if (e.keyCode == 27) {
closeModal();
}
};
document.addEventListener('DOMContentLoaded', function() {
modal = document.getElementById('arad-modal');
openModal(modal)
}, false);