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

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

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

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

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

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

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

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 29 апреля цена 21 900 ₽22 900 ₽

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

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

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

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

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

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