23 испытание

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

Не могу понять в чем ошибка, ведь даже в инспекторе всё идентично

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

var renderCards = function(data){
   var listItem = createElement('li', 'good');
   
   var title = createElement('h2', 'good__description', data.text);
   listItem.appendChild(title);
   
   var image = createElement('img', 'good__image');
   image.alt = data.text;
   image.src = data.imgUrl;
   listItem.appendChild(image);
   
   var price = createElement('p', 'good__price', data.price + '₽/кг');
   if(data.isHit){
      listItem.classList.add('good--hit');
      var specialPrice = createElement('p', 'good__special-offer', data.specialOffer);
      listItem.appendChild(specialPrice);
   }
   listItem.appendChild(price);
   
   var itemAvailable = 'good--available';
   if(!data.inStock){
     itemAvailable = 'good--unavailable';
   }
   listItem.classList.add(itemAvailable);
   
   return listItem;
}

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

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

Переместите строчку listItem.appendChild(price); выше, сразу после объявления цены.

2 лайка