Суммы

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

Задача. Под списком покажите три вещи, и все они обновляются, как только добавляется трата:

• Сколько потрачено — сумму всех трат — в абзаце с id spent: Потрачено: €57.
• Сколько осталось от месячного бюджета в €400 — в абзаце с id left: Осталось: €343. Если вы потратили больше бюджета, число становится меньше нуля, Осталось: €-20, и абзац получает класс over-budget, который делает его красным.
• Сколько ушло на каждую категорию — в списке с id categories: по элементу на категорию, в порядке выпадающего списка, например Еда: €42, Транспорт: €0 и Развлечения: €15.

Совет: вычисляемое значение может возвращать объект, например { food: 42, transport: 0, fun: 15 }. Начните с нулей и прибавляйте каждую трату к её категории с помощью квадратных скобок: totals[expense.category] += expense.amount;. И одно вычисляемое значение может использовать другое: остаток — это бюджет минус потраченное.