Тринадцатая программа: "Мороженое. Возвращение"

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

Доброго времени суток, всем!
Написал код, на испытания всё совпадает с тестами, но тест не пройден(
Буду благодарен за помощь!

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
}
];

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

var renderCards = function(products) {
for (var i=0; i<products.length; i++) {
var goods = document.querySelector(’.goods’);
var listItem = makeElement(‘li’, ‘good’);
goods.appendChild(listItem);

var element = products[i];

var availableProduct = 'good--available';
if (!element.inStock) { availableProduct = 'good--unavailable';};
listItem.classList.add(availableProduct);    


var name = makeElement('h2','good__description',element.text);
listItem.appendChild(name);

var picture = makeElement('img', 'good__image');
picture.src = element.imgUrl;
picture.alt = element.Text;
listItem.appendChild(picture);

var price = makeElement('p', 'good__price', element.price + '₽/кг');
listItem.appendChild(price);

if (element.isHit) {
  listItem.classList.add('good--hit'); 
  goods.appendChild(listItem);
  var special = makeElement('p', 'good__special-offer', element.specialOffer);
  listItem.appendChild(special);
};

};
};

renderCards(cardsData);

2

Вот эта строчка в последнем условии точно лишняя

3

Я сделала так:

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

var renderCards = function (products) {

for (let i = 0; i < products.length; i++) {
var accessibilityClass = ‘good–available’;
var product = products[i];

var cardsItem = getElement('li', 'good');

var title = getElement('h2', 'good__description', product.text);
cardsItem.appendChild(title);

var picture = getElement('img', 'good__image');
picture.src = product.imgUrl;
picture.alt = product.text;
cardsItem.appendChild(picture);

var price = getElement('p', 'good__price', product.price + '₽/кг');
cardsItem.appendChild(price);

if (!product.inStock) {
  accessibilityClass = 'good--unavailable';
}

cardsItem.classList.add(accessibilityClass);

if (product.isHit) {
  cardsItem.classList.add('good--hit');
  var hitText = getElement('p', 'good__special-offer', product.specialOffer);
  cardsItem.appendChild(hitText);
}

document.querySelector('.goods').appendChild(cardsItem);

}
};

Проверку проходит

4

Спасибо. Нашел у себя ошибку, неверный регистр в text

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

var renderCards = function(products) {

for (var i=0; i<products.length; i++) {
var goods = document.querySelector(’.goods’);
var listItem = makeElement(‘li’, ‘good’);
goods.appendChild(listItem);

var element = products[i];

var availableProduct = 'good--available';
if (!element.inStock) { availableProduct = 'good--unavailable';};
listItem.classList.add(availableProduct);    


var name = makeElement('h2','good__description',element.text);
listItem.appendChild(name);

var picture = makeElement('img', 'good__image');
picture.src = element.imgUrl;
picture.alt = element.text;
listItem.appendChild(picture);

var price = makeElement('p', 'good__price', element.price + '₽/кг');
listItem.appendChild(price);

if (element.isHit) {
  listItem.classList.add('good--hit'); 
  
  var special = makeElement('p', 'good__special-offer', element.specialOffer);
  listItem.appendChild(special);
};
goods.appendChild(listItem);

};
};

renderCards(cardsData);

1 лайк