Вроде все правильно, но проверка не проходит, не могу понять в чем дело
var cardsData = [
{
inStock: true,
imgUrl: 'gllacy/choco.jpg',
text: 'Сливочно-кофейное с кусочками шоколада',
price: 310,
isHit: true,
specialOffer: 'Двойная порция сиропа бесплатно!'
},
{
inStock: false,
imgUrl: 'gllacy/lemon.jpg',
text: 'Сливочно-лимонное с карамельной присыпкой',
price: 125,
isHit: false
},
{
inStock: true,
imgUrl: 'gllacy/cowberry.jpg',
text: 'Сливочное с брусничным джемом',
price: 170,
isHit: false
},
{
inStock: true,
imgUrl: 'gllacy/cookie.jpg',
text: 'Сливочное с кусочками печенья',
price: 250,
isHit: false
},
{
inStock: true,
imgUrl: 'gllacy/creme-brulee.jpg',
text: 'Сливочное крем-брюле',
price: 190,
isHit: false
}
];
// Функция которая создает форму в HTML разметке
var makeElement = function(tagName, className, text){
var element = document.createElement(tagName);
element.classList.add(className);
if (text) {
element.textContent = text;
}
return element;
}
var createCards = function(product){
var listItem = makeElement('li', 'good');
var status = 'good--available';
if (!product.inStock) {
status = 'good--unavailable'
}
listItem.classList.add(status);
if (product.isHit) {
listItem.classList.add('good--hit');
var specialOffer = makeElement('p', 'good__special-offer', product.specialOffer)
listItem.appendChild(specialOffer)
}
var title = makeElement('h2', 'good__description', product.text);
listItem.appendChild(title);
var picture = makeElement('img', 'good__image');
picture.src = product.imgUrl;
picture.alt = product.text;
listItem.appendChild(picture);
var price = makeElement('p', 'good__price', product.price + '₽/кг');
listItem.appendChild(price);
return listItem;
};
var renderCards = function(data) {
var cardList = document.querySelector('.goods');
for (var i = 0; i < data.length; i++) {
var card = createCards(data[i]);
cardList.appendChild(card);
}
};
renderCards(cardsData);