• Теория
  • Теория

Проверяем доступность товара

Три свойства из выгрузки мы уже обрабатываем. На очереди четвёртое: isAvailable. Это свойство хранит булево значение, которое описывает наличие товара. Если товар есть, то свойство содержит true, иначе false.

В зависимости от наличия или отсутствия товара карточка должна иметь один из двух дополнительных классов: product--available или product--unavailable.

Эту задачу вы уже решали, поэтому нужно повторить её по аналогии с первой программой. Вот краткий пересказ событий:

  1. заводим переменную для хранения имени класса и записываем в неё значение по умолчанию;
  2. делаем проверку на наличие товара;
  3. если проверка не проходит, значение в переменной меняем;
  4. после проверки добавляем карточке товара класс из переменной.

После доработки функции нужно её протестировать. Для этого измените в объекте с данными значение свойства isAvailable на false. Если всё сделано правильно, то внешний вид карточки изменится.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «JavaScript в браузере» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.