0%

Skip to content

Validation and error handling

Intermediate~30 min0/4 steps

Protect the ledger from bad input

Real users mistype, paste spaces, and leave fields empty. Production code treats that as expected behavior. A validation function either returns a clean transaction or throws a precise error. The submit handler catches it and shows a useful message.

Never silently turn invalid money into zero. Invalid is not empty, and empty is not zero.

Instructions

1

Create createTransaction(description, amount) and trim the description.

Hint: const cleanDescription = description.trim();

2

Reject a short description and non-positive or non-finite amount.

3

Wrap transaction creation in try/catch.

4

Show the error message in #form-error.

Your Code

html
5 lines
1
2
3
4
5

Live Preview

Live Preview