Здравствуйте. Вижу вы учусь в Яндекс Практикуме, я там учился, узнаю задания)))
Нужно создать 3 функции, одна функция создает карточку, другая выводит ее, а последняя перебирает массив.
Мой код вот такой:
function createCard(item) {
const card = document.querySelector("#template-card").content.querySelector('.card').cloneNode(true);
const title = card.querySelector(".card__title");
const image = card.querySelector('.card__image');
title.textContent = item.title;
image.src = item.image;
return card; // возвращаем результат функции
}
function addCard(item, container) {
const card = createCard(item); // Вызываем функцию создания карточек
container.append(card); // Выводим карточку.
}
cardData.forEach((item) => { // перебираем массив
const cards = document.querySelector('.cards');
addCard(item, cards); // вызываем и передаем значения функции addCard
});
P.S. Почему вы задаете вопрос на Хабр, а не наставнику?