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

Двенадцатая программа: «Испытание мороженым»

Кекс оценил, как вы справились с задачей по магазину перфораторов, и доверил вам ещё одно боевое задание.

Мяу! На сайте магазина мороженого надо отображать актуальное состояние товаров: «в наличии», «нет в наличии», «хит».

Данные по продуктам хранятся в массиве с объектами assortmentData, каждый объект соответствует одному товару и содержит свойства:

  • inStock. Если значение true — мороженое в наличии, если false — товара в наличии нет.
  • isHit. Если значение true — мороженое самое популярное среди покупателей.

Каждому состоянию товара соответствует специальный класс:

  • Товар в наличии — good--available.
  • Недоступный товар — good--unavailable.
  • Хит продаж — good--hit.

Оформи код в виде функции updateCards, которая принимает на вход массив с данными. Вызови её, передав assortmentData.

Жмите Заказчик, принимай программу!, чтобы позвать Босса. Он проверит правильно ли работает ваша программа. Удачи!

Хотите научиться профессионально писать код на самом востребованном языке программирования? Записывайтесь на профессию «React-разработчик», которая стартует завтра. Всего от 4970 ₽в месяц.

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

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

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

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

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

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