Здравствуйте!
Подскажите, что может быть не так?
Никак не могу пройти проверку.
var renderCards = function(cards) {
var list = document.querySelector('.goods');
for (var i = 0; i < cards.length; i++) {
var cardData = cards[i];
var elem = document.createElement('li');
var availableClass = 'good--available';
if (!cardData.inStock) {
availableClass = 'good--unavailable';
}
elem.classList.add(availableClass);
var title = document.createElement('h2');
title.classList.add('good__description');
title.textContent = cardData.text;
elem.appendChild(title);
var picture = document.createElement('img');
picture.classList.add('good__image');
picture.alt = cardData.text;
picture.src = cardData.imgUrl;
elem.appendChild(picture);
var price = document.createElement('p');
price.classList.add('good__price');
price.textContent = cardData.price + '₽/кг';
elem.appendChild(price);
if (cardData.isHit) {
elem.classList.add('good--hit');
var specialPrice = document.createElement('p');
specialPrice.classList.add('good__special-offer');
specialPrice.textContent = cardData.specialOffer;
elem.appendChild(specialPrice);
}
list.appendChild(elem);
}
}
Если выводить html в консоль редактора — прописываются непонятные слешы:
При этом, в консоли браузера, эти слешы не отображаются, а код совпадает с оригиналом: