Данный способ отлично помогает избавиться от большого количества переменных и повторных события. Просто массив, функция и событие.
Подобные заметки я пишу для себя, но если вам это будет полезно поставьте лайк, плиз.
Описание кода
1-ая строка - название массива;
2-4 строка - адрес ссылки к картинке;
7-ая строка - поиск всех блоков с классом "gallery__picture-pre";
document.querySelectorAll - действует как массив. Можно так же с ним использовать цикл, как и с массивом
8-ая строка - поиск блока с классом "full-picture";
10-ая строка - объявил функцию с параметром number;
number - ровняется "i" из цикла
11-ая строка - обработчик событий, который срабатывается при 'click' на одну блок с классом 'gallery__picture-prevue' в массиве;
12-ая строка - 'picturesBig.src' - это то куда вписывается ссылка картинки из массива;
16-ая строка - создание цикла;
17-ая строка - объявляю функцию и записываю в нее все числа подряд от 0 до длинны массива.
Как я понял: цикл сообщает в функцию все числа от 0 до длины масса, а дальше эти числа хранятся в функции. Так как название у них общее (number), то и работают они одновременно. Получается, что цикл срабатывает лишь один раз при демонстрации страницы где данный код работает.
