- Теория
- Теория
Проверяем доступность товара
Три свойства из выгрузки мы уже обрабатываем. На очереди четвёртое: isAvailable
. Это свойство хранит булево значение, которое описывает наличие товара. Если товар есть, то свойство содержит true
, иначе false
.
В зависимости от наличия или отсутствия товара карточка должна иметь один из двух дополнительных классов: product--available
или product--unavailable
.
Эту задачу вы уже решали, поэтому нужно повторить её по аналогии с первой программой. Вот краткий пересказ событий:
- заводим переменную для хранения имени класса и записываем в неё значение по умолчанию;
- делаем проверку на наличие товара;
- если проверка не проходит, значение в переменной меняем;
- после проверки добавляем карточке товара класс из переменной.
После доработки функции нужно её протестировать. Для этого измените в объекте с данными значение свойства isAvailable
на false
. Если всё сделано правильно, то внешний вид карточки изменится.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.