Objects, arrays, and transactions
Beginner~30 min0/4 steps
Move from single values to a ledger
An object groups the fields that belong to one transaction. An array holds many transactions. Array methods let you transform that real structure instead of copying totals by hand.
The included rows are explicitly marked as practice data. Your job is to render them and derive income, expenses, and balance from the array.
Instructions
1
Use filter to select income transactions.
Hint: Filter where item.type === 'income'.
2
Use reduce to total amountAgorot.
3
Render transaction rows with map and join.
4
Show income, expenses, and balance in #summary.
Your Code
html
1
2
3
4
5
6
7
8
Vibe it with ViBot0 / 12 free messages
Describe what you want to build for this step and I'll write the code — then click Apply to drop it into your editor. This step: Use filter to select income transactions.
Live Preview
Live Preview