Не работает скрипт JavaScript в Tilda чем ошибка?

Question

[mik128]

Здравствуйте. Я полный новичок. Хотелось бы узнать в чем ошибка в данном скрипте:

<script defer>
window.addEventListener('load', function (load1) {
    const block = document.querySelectorAll('.t603__blockimg');
    const blockar = Array.from(block);
    blockar.forEach((item) => {
        item.addEventListener('click', function (click1) {
            const wrappers = document.getElementsByClassName('t-carousel__zoomer__wrapper');
            const wrappersar = Array.from(wrappers);
            wrappersar.forEach((item) => {
                item.insertBefore(document.querySelector('.t-zoomer__close'), document.querySelector('.t-carousel__zoomer__img'));
            })
        })
    })
})
</script>

В Tilda скрипт перестает работать сразу. Т. е. уже во время определения переменной block, при просмотре через консоль выдает ошибку: Uncaught ReferenceError: block is not defined. В чем может быть причина этого? Задача: чтобы при клике на любое изображение из галереи, имеющее класс .t603__blockimg, при открытии попапа, был осуществлен перенос закрывающей кнопки .t-zoomer__close в тело попапа .t-carousel__zoomer__wrapper, над изображением .t-carousel__zoomer__img. Скорее всего вопрос очень примитивный. Но хотелось бы разобраться. Спасибо.

Comments

[Михаил Р.]

Что говорит отладка в хроме с breakpoints?

[Александр Васильев]

А .t603__blockimg существует уже на момент работы скрипта?

Answer 1

[batowski]

Такая ошибка не может возникать на этапе объявления переменой. Она возникает на этапе ее использования так как не может ее найти. В вашем коде я никаких проблем не вижу за исключением того как это написано)

Возможно что слово block написано с буквой «с» в русской раскладке.

Comments

[mik128]

Да, я не совсем корректно выразился. На этапе использования. Но почему-то Tilda ее не находит. Опечаток в названии нет.

[Владислав Лысков]

mik128, дак, потому что твоей переменной нет в глобальном объекте window

[batowski]

mik128, в объекте window переменной с названием block вы не найдете. Потому как вы создаете переменную просто в глобальной области видимости после события window.load, она станет доступной только после этого события.

Попробуйте в самом коде непосредственно после создания переменной block вызвать ее в консоль:

console.log(block);

И посмотрите результат уже в консоли.
Должно вывести объект NodeList.

Если это произошло, значит с самой переменной все в порядке.

[mik128]

BreadCock, спасибо