このレッスンは現在日本語に翻訳中です。いまはEnglish版を表示しています。翻訳に協力する

0%

コンテンツへスキップ

Filtering and live reports

中級~35 分0/4 ステップ

Derive a report from the ledger

A report should be derived from source data every time—not maintained as a second, conflicting copy. The selected category determines a filtered view; reduce produces the KPIs; sort makes the audit table predictable.

The practice dataset is visibly labeled. Replace it with your own entries after the exercise.

手順

1

Create getVisibleTransactions using filter and selectedCategory.

ヒント: Keep every item when selectedCategory is all.

どこに書けばいい?

// Build getVisibleTransactions(), calculateReport(), and renderReport().

9 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。

2

Sort visible rows by date without changing the source array.

3

Create calculateReport(items) with reduce.

4

Listen for filter changes and render the report again.

あなたのコード

html
9 行
1
2
3
4
5
6
7
8
9

ライブプレビュー

ライブプレビュー