Наконец-то Кекс прислал пример выгрузки с данными для одного товара. Негусто, но этого достаточно, чтобы доработать функцию createCard. Ведь сейчас все данные в ней статичные, то есть одинаковые, и сколько бы раз мы её ни вызвали, карточки будут похожими друг на друга как близнецы.

Информация о товаре представляет собой объект, каждое свойство которого описывает характеристику товара. Вначале поработаем с этими свойствами:

• imgUrl — адрес изображения;
• text — название товара;
• price — цена.

Чтобы функция возвращала разные данные на выходе, нужно, чтобы она получала разные данные на входе. Поэтому сначала добавим в функцию createCard параметр product и будем передавать в неё при вызове полученный объект с данными (он, кстати, уже вставлен в код, но закомментирован).

Затем внутри функции нужно заменить фиксированные значения на свойства входного параметра. Например:

// Было:
var title = createElement('h2', 'product__title', 'Профессиональная селфи-палка');
picture.alt = 'Профессиональная селфи-палка';

// Стало:
var title = createElement('h2', 'product__title', product.text);
picture.alt = product.text;