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
}
];
let list = document.querySelector(’.goods’);
let createCard = function(data) {
let listItem = createElement(‘li’, ‘good’);
let title = createElement(‘h2’, ‘good__description’, data.text);
listItem.appendChild(title);
let picture = createElement(‘img’, ‘good__image’);
picture.src = imgUrl;
picture.alt = title.textContent;
listItem.appendChild(picture);
let price = createElement(‘p’, ‘good__price’, data.price);
listItem.appendChild(price);
if (data.isHit) {
let specialOffer = createElement(‘p’, ‘good__special-offer’, data.specialOffer);
listItem.appendChild(specialOffer);
}
let availabilityClass = ‘good-unavailable’;
if (data.inStock) {
availabilityClass = ‘good-available’;
}
listItem.classList.add(availabilityClass);
return listItem;
}
let renderCards = function(data) {
for (let i = 0; i < data.length; i++) {
let element = createElement(data[i]);
list.appendChild(element);
}
return list;
}
renderCards(cardsData);