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

Спецпредложение

Осталось обработать последние два свойства из выгрузки: isSpecial и specialPrice. Свойство isSpecial содержит true, если на товар действует спецпредложение. У товара-спецпредложения появляется новая цена, которая хранится в specialPrice.

Похожую задачу вы тоже решали: у карточек спецпредложений должен появляться дополнительный класс product--special. Но сейчас нужно ещё и специальную цену показывать. Она должна находиться в абзаце с классом product__special-price. Этот абзац должен быть последним дочерним элементом в карточке.

Порядок действий такой:

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

После доработки снова тестируем функцию. Измените в объекте с данными значения свойств isSpecial на true и specialPrice на 300 (значение null обозначает «ничего» или, ближе к нашим реалиям, «спеццены нет»). Если всё сделано правильно, то внешний вид карточки изменится.

Почему цена изменилась с 200 на 300? Потому что так искусный маркетолог Кекс понимает спецпредложение.

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

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

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

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

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

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