JavaScript испытание Мороженое. Возвращение

Курсы JavaScript в браузере
1

Здравствуйте, не могу найти ошибок, проверял через валидатор, вроде всё правильно, но не возвращает listItems и выводит пустой экран.

function makeElement (tagName, className, text) {
  let element = document.createElement(tagName);
  element.classList.add(className);
  if (text) {
    element.textContent = text;
  }
  return element;
}

function createCard (good) {
  let listItem = makeElement('li', 'good');
  
  let avaibClass = 'good--available';
  
  if (!good.inStock){
    avaibClass = 'good--unavailable';
  }
  
  listItem.classList.add(avaibClass);
  
  let title = makeElement ('h2', 'good__description', good.text);
  listItem.appendChild(title);
  
  let picture = makeElement ('img', 'good__image');
  picture.src = good.imgUrl;
  picture.alt = good.alt;
  listItem.appendChild(picture);
  
  
  let price = makeElement('p', 'good__price', good.price +  '₽/кг');
  listItem.appendChild(price);
  
  if (good.isHit) {
    listItem.classList.add('good--hit');
    let specialOffer = makeElement('p', 'good__special-offer');
    listItem.appendChild(specialOffer);
  }
  
  return listItem;
}


let cardList = document.querySelector('.goods');

for (let i = 0; i < cardList.length; i++){
  let cardItem = createCard(cardsData [i]);
  cardList.appendChild(cardItem);
}
2

Понял в чём проблема, тут в условии вместо cardList надо cardData