Испытание [8 - 21]

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

Добрый день. Подскажите в чем косяк?

var assortmentData = [
  {
    inStock: true,
    isHit: false
  },
  {
    inStock: false,
    isHit: false
 },
  {
    inStock: true,
    isHit: true
  },
  {
    inStock: true,
    isHit: false
  },
  {
    inStock: false,
    isHit: false
  }
];

var updateCards = function(products)
   { 
   var prodoctsDOM = document.querySelectorAll('.good');

  for (var i = 0; i < products.length; i++)
  {
    if (products[i].inStock)
    {
      prodoctsDOM[i].classList.add('good--available');
    }
    else if (!products[i].inStock)
    {
      prodoctsDOM[i].classList.add('good--unavailable');
    }
    else if (products[i].isHit)
    {
      prodoctsDOM[i].classList.add('good--hit');
   }
  }
};

updateCards(assortmentData);
2

Используй </> для кода и спойлер.

3

Добрый день!

Подскажите, почему не отображается “В наличии”?
`var assortmentData = [
{
inStock: true,
isHit: false
},
{
inStock: false,
isHit: false
},
{
inStock: true,
isHit: true
},
{
inStock: true,
isHit: false
},
{
inStock: false,
isHit: false
}
];

var updateCards = function (cards) {
var elements = document.querySelectorAll(’.good’);

for (var i = 0; i < cards.length; i++) {
var element = elements[i];
var card = cards[i];
var availabilityClass = ‘good–unavailable’;

if (card.inStock) {
  availabilityClass = 'good--available';
};

element.classList.add('availabilityClass');

}
}
updateCards(assortmentData);`

4

var availabilityClass = ‘good–unavailable’;
Может быть здесь нужно присвоить класс ‘good–available’;