Пока мы писали код, пришла полная выгрузка из 1-Кекс. Данные хранятся в массиве объектов cardsData.

Теперь товаров много и нам нужно вызывать createCard для каждого из них. Кажется, пришло время использовать цикл for.

Напишем цикл, который будет перебирать массив данных. Внутри цикла будем передавать текущий элемент массив[i] в функцию createCard и вставлять полученный результат в конец списка товаров. Так мы сделаем программу универсальной для любого количества карточек.

Примерно так может выглядеть цикл:

var item;

for (var i = 0; i < array.length; i++) {
  item = createCard(array[i]);
  list.appendChild(item);
}

В этом коде мы сначала объявляем переменную, а затем внутри цикла переопределяем её значение на каждой итерации. При этом переменную мы используем только внутри цикла. До и после цикла она нам не нужна, поэтому объявлять её снаружи цикла бессмысленно. Учтём это и будем создавать переменную внутри цикла на каждой итерации. В неё будем записывать результат вызова createCard(массив[i]), а затем добавим содержимое этой переменной в конец каталога товаров. Цикл будет выглядеть так:

for (var i = 0; i < array.length; i++) {
  var item = createCard(array[i]);
  list.appendChild(item);
}