-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
22 lines (21 loc) · 738 Bytes
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// ---- ---- ---- ---- ---- //
const modal = document.querySelector('.box'),
overlay = document.querySelector('.overlay'),
modalBtn = document.querySelector('.btn-modal'),
yesBtn = document.querySelector('.modal__button--yes');
closeBtn = document.querySelector('.modal__button--no');
// ---- ---- Open Modal ---- ---- //
modalBtn.addEventListener('click', () => {
modal.classList.add('active');
});
// ---- ---- Close Modal ---- ---- //
closeBtn.addEventListener('click', () => {
modal.classList.remove('active');
});
yesBtn.addEventListener('click', () => {
modal.classList.remove('active');
});
// ---- ---- Close Modal Overlay---- ---- //
overlay.addEventListener('click', () => {
modal.classList.remove('active');
});