Не проходит проверку код в 21/21. Помогите, пожалуйста


#1

Все карточки отрисовываются верно, но на некоторых появляются небольшие отступы по непонятной причине…

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

var createElementGroup = function(item) {
var elementLi = createElement(‘li’, ‘good’);

var elementLiTitle = createElement(‘h2’, ‘good__description’, item.text);
elementLi.appendChild(elementLiTitle);

var elementLiPicture = createElement(‘img’, ‘good__image’);
elementLiPicture.src = item.imgUrl;
elementLiPicture.alt = item.text;
elementLi.appendChild(elementLiPicture);

var elementLiPrice = createElement(‘img’, ‘good__price’, item.price + ‘₽/кг’);
elementLi.appendChild(elementLiPrice);

var availabilityClass = ‘good–available’;
if(!item.inStock) {
availabilityClass = ‘good–unavailable’
}
elementLi.classList.add(availabilityClass);
if(item.isHit) {
elementLi.classList.add(‘good–hit’);
var specialOffer = createElement(‘p’, ‘good__special-offer’, item.specialOffer);

elementLi.appendChild(specialOffer);

}

return elementLi;
}

var icecreamList = document.querySelector(’.goods’);

for (var i = 0; i < cardsData.length; i++) {
var icecreamItem = createElementGroup(cardsData[i]);
icecreamList.appendChild(icecreamItem);
}


#3
  1. исправьте tagName для переменной elementLiPrice
  2. проверьте правильность написания классов для наличия продукта - ‘good–available’, ‘good–unavailable’

и все пройдет :slight_smile:


#4

спасибо!! все дело было в ошибке для тега цены:))


#5

Добрый день, задание не проходит проверку. Может кто-то более внимательный и найдет ошибку в тексте программы

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

var createCard = function (good) {
var listItem = makeElement (‘li’, ‘good’);

var availabilityClass = ‘good–available’;
if (!good.inStock) {
availabilityClass = ‘good–unavailable’;
}
listItem.classList.add(availabilityClass);

var title = makeElement(‘h2’, ‘good__description’, good.text);
listItem.appendChild(title);

var picture = makeElement(‘img’, ‘good__image’, good.text);
picture.src = good.imgUrl;
picture.alt = good.text;
listItem.appendChild(picture);

var price = makeElement(‘p’, ‘good__price’, good.price + ‘₽/кг’);
listItem.appendChild(price);

if(good.isHit) {
listItem.classList.add(‘good–hit’);
var specialOffer = makeElement (‘p’, ‘good__special-offer’, good.specialOffer);
listItem.appendChild(specialOffer);
}
return listItem;
}

var renderCards = function (goods) {
var cardList = document.querySelector(’.goods’);
for (var i = 0; i < goods.length; i++) {
var cardItem = createCard(goods[i]);
cardList.appendChild(cardItem);
}

};

Проверка выглядит идентичной при здаче задания.