37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
var modal = document.querySelector('.modal'); // assuming you have only 1
|
|
var html = document.querySelector('html');
|
|
|
|
var elements = document.querySelectorAll('.modal-background');
|
|
for(var i = 0; i < elements.length; i++) {
|
|
elements[i].addEventListener('click', function(e) {
|
|
// elements[i].preventDefault();
|
|
modal.classList.remove('is-active');
|
|
html.classList.remove('is-clipped');
|
|
});
|
|
}
|
|
|
|
var elements = document.querySelectorAll('.modal-close');
|
|
for(var i = 0; i < elements.length; i++) {
|
|
elements[i].addEventListener('click', function(e) {
|
|
// elements[i].preventDefault();
|
|
modal.classList.remove('is-active');
|
|
html.classList.remove('is-clipped');
|
|
});
|
|
}
|
|
|
|
function activateButtons() {
|
|
var elements = document.querySelectorAll('.modal-close-button');
|
|
for(var i = 0; i < elements.length; i++) {
|
|
elements[i].addEventListener('click', function(e) {
|
|
// elements[i].preventDefault();
|
|
modal.classList.remove('is-active');
|
|
html.classList.remove('is-clipped');
|
|
});
|
|
}
|
|
}
|
|
activateButtons();
|
|
// modal.querySelector('.modal-close-button').addEventListener('click', function(e) {
|
|
// e.preventDefault();
|
|
// modal.classList.remove('is-active');
|
|
// html.classList.remove('is-clipped');
|
|
// });
|