-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
33 lines (27 loc) · 1010 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
'use strict';
const modal = document.querySelector('.modal');
const overlay = document.querySelector('.overlay');
const btnCloseModal = document.querySelector('.close-modal');
const btnsOpenModal = document.querySelectorAll('.show-modal');
console.log(btnsOpenModal);
const openModal = function () {
modal.classList.remove('hidden');
overlay.classList.remove('hidden');
console.log('Button clicked');
};
const closeModal = function () {
modal.classList.add('hidden');
overlay.classList.add('hidden');
console.log('Modal closed');
};
for (let i = 0; i < btnsOpenModal.length; i++) {
btnsOpenModal[i].addEventListener('click', openModal);
}
btnCloseModal.addEventListener('click', closeModal);
overlay.addEventListener('click', closeModal);
document.addEventListener('keydown', function (event) { // press ESC to close modal
console.log(event.key, 'key was pressed');
if (event.key === 'Escape' && !modal.classList.contains('hidden')) {
closeModal();
}
});