Здравствуйте.
Столкнулась со следующим.
Писала js код и подключала периодически от шага к шагу .min.js в .htm документ (перед закрывающим тегом body).
Страница загружалась без проблем.
Добавила в код цикл for для двух элементов. На мой взгляд код работает как положено.
При подключении .js страница загружается нормально. С .min.js не загружается.
В чём может быть дело?
На что и как посмотреть, чтоб разобраться?
вот код
'use strict';
(function () {
var modal = document.querySelector('#popup');
var modalOpen = document.querySelectorAll('.btn--open-popup');
var modalClose = modal.querySelector('.section-modal__close');
var body = document.querySelector('body');
function showPopup() {
body.style.overflow = 'hidden';
for (var i = 0; i < modalOpen.length; i++) {
modalOpen[i].addEventListener('click', function (evt) {
evt.preventDefault();
modal.style['display'] = 'block';
body.scrollTop = 0;
body.style.overflow = 'hidden';
})
}
modal.addEventListener('keydown', function (evt) {
if (evt.keyCode === 9) {
if (evt.shiftKey) {
if (document.activeElement === firstTabStop) {
evt.preventDefault();
lastTabStop.focus();
}
} else {
if (document.activeElement === lastTabStop) {
evt.preventDefault();
firstTabStop.focus();
}
}
}
});
}
function closePopup() {
modal.addEventListener('click', function (evt) {
evt.preventDefault;
if (evt.target == modalClose) {
modal.style['display'] = 'none';
body.style.overflow = 'auto';
}
});
modal.addEventListener('keydown', function (evt) {
if (evt.keyCode === 27) {
modal.style['display'] = 'none';
body.style.overflow = 'auto';
}
});
}
showPopup();
closePopup();
document.addEventListener('DOMContentLoaded', function (evt) {
evt.preventDefault();
modal.style['display'] = 'none';
body.style.overflow = 'auto';
});
})();
