37 lines
759 B
JavaScript
37 lines
759 B
JavaScript
const modal = document.getElementById("modal")
|
|
|
|
function modalOn() {
|
|
modal.style.display = "flex"
|
|
}
|
|
|
|
function isModalOn() {
|
|
return modal.style.display === "flex"
|
|
}
|
|
|
|
function modalOff() {
|
|
modal.style.display = "none"
|
|
}
|
|
|
|
|
|
const btnModal = document.getElementById("btn-modal")
|
|
btnModal.addEventListener("click", e => {
|
|
modalOn()
|
|
})
|
|
|
|
const closeBtn = modal.querySelector(".close-area")
|
|
closeBtn.addEventListener("click", e => {
|
|
modalOff()
|
|
})
|
|
|
|
modal.addEventListener("click", e => {
|
|
const evTarget = e.target
|
|
if(evTarget.classList.contains("modal-overlay")) {
|
|
modalOff()
|
|
}
|
|
})
|
|
|
|
window.addEventListener("keyup", e => {
|
|
if(isModalOn() && e.key === "Escape") {
|
|
modalOff()
|
|
}
|
|
}) |