script.js

'use strict';

const modal = document.querySelector('.modal');
const overlay = document.querySelector('.overlay');
const btnCloseModal = document.querySelector('.close-modal');
const btnOpenModal = document.querySelectorAll('.show-modal')


const deschide = () => {
    modal.classList.remove('hidden')
    overlay.classList.remove('hidden')
}
for(let i = 0; i < btnOpenModal.length; i++) 
    btnOpenModal[i].addEventListener('click', deschide)

const inchide = () => {
    modal.classList.add('hidden')
    overlay.classList.add('hidden')
}
 
btnCloseModal.addEventListener('click', inchide)
overlay.addEventListener('click', inchide)

document.addEventListener('keydown', function(e){
    console.log(e);

    if(e.key === 'Escape' && !modal.classList.contains('hidden')){
            inchide();      
    }
})