0
loadMoreBtn[0].addEventListener('click', () => {
    loadMore(0, 12, 24, amazingWorkContent);
})


function loadMore(btnIndx, startPoint, endPoint, content) {
    loadMoreBtn[btnIndx].classList.remove('active');
    loadBtn[btnIndx].classList.add('active');
    setTimeout(() => {
        loadBtn[btnIndx].classList.remove('active');

        if (BtnSwitch === 0) {
            for (let i = startPoint; i < endPoint; i++) {
                content[i].classList.add('active');
            }
            loadMoreBtn[btnIndx].classList.add('active');

            BtnSwitch = 1;
        } else {
            for (let i = startPoint * 2; i < endPoint * 2; i++) {
                content[i].classList.add('active');
            }

            BtnSwitch = 0;
        }
    }, 1000)
}

Выдает ошибку к строке - content[i].classList.add('active'); не понимаю почему так происходит. При нажатии на кнопку loadMore должны подгрузиться картинки

1 ответ 1

2

У вас идет запрос к элементу массива по несуществующему индексу. попробуйте поменять этот кусок кода

for (let i = startPoint; i < endPoint; i++) {
     content[i].classList.add('active');
}

на этот

for (let i = startPoint; i < endPoint; i++) {
    if(undefined !== content[i]) {
       content[i].classList.add('active');
    }
}
2
  • спасибо большее,помогло
    – 125 Year
    22 окт 2020 в 10:45
  • @125Year Если ответ помог, отметь его как правильный. Нажми галочку. 22 окт 2020 в 12:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.