Javascript в браузере


#1

https://htmlacademy.ru/courses/219/run/1
Цвет фона у body меняется и без подключения файла скрипта, достаточно просто раскомментировать строку на вкладке script.js.

https://htmlacademy.ru/courses/219/run/9 и до конца курса
На вкладке html-кода <title>Каталог | Техномарт</title>, хотя это уже другой макет.

https://htmlacademy.ru/courses/219/run/14
В тексте теории написано:

Третий параметр мы не передаём, потому что у изображения нет текстового содержимого. Вот и случай, для которого мы писали проверку в функции!

Хотя на предыдущем шаге функция makeElement() уже вызывалась с двумя параметрами (первая цель).

https://htmlacademy.ru/courses/219/run/21 (последнее испытание)
При отсутствии видимых различий на скринах проверки ни один из тестов не считается пройденным. Почему так, и чем плох предложенный вариант кода.
UPD: проблема решилась добавлением класса для img. Но это никак не влияет на отрисовку страницы, поскольку стилей для изображения по классу .good__image всё равно нет.

Код
var cardsList = document.querySelector('.goods');
var makeElement = function (tagName, className, textData) {
  var el = document.createElement(tagName);
  el.classList.add(className);
  if (textData) {
    el.textContent = textData;
  }
  return el;
};
var renderCards = function (dataArray) {
  for (var i = 0; i < dataArray.length; i++) {
    var availabilityClass = 'good--available';
    if (!dataArray[i].inStock) {
      availabilityClass = 'good--unavailable';
    }
    var cardElement = makeElement('li', 'good');
    cardElement.classList.add(availabilityClass);
    
    var cardTitle = makeElement('h2', 'good__description', dataArray[i].text);
    cardElement.appendChild(cardTitle);
    
    var cardImage = makeElement('img', 'good__image');
    cardImage.src = dataArray[i].imgUrl;
    cardImage.alt = dataArray[i].text;
    cardElement.appendChild(cardImage);
    
    var cardPrice = makeElement('p', 'good__price', dataArray[i].price + '₽/кг');
    cardElement.appendChild(cardPrice);
    
    if (dataArray[i].isHit) {
      cardElement.classList.add('good--hit');
    }
    
    if (dataArray[i].specialOffer) {
      var cardSpecial = makeElement('p', 'good__special-offer', dataArray[i].specialOffer);
      cardElement.appendChild(cardSpecial);
    }
    
    cardsList.appendChild(cardElement);
  }
};
renderCards(cardsData);

#4

Та же проблема в последнем испытании:


#5

Спасибо за обратную связь! В ближайшее время всё поправим!