State and render: the data is the truth
Keep an app's data in one array of objects and redraw the page from it with a render function after every change.
- The skill
- Organise a small app so its data lives in one place and the page is always redrawn from it.
- You make
- A playlist drawn from data, a to-do list that keeps count and a game leaderboard.
Premium lesson
£7.99 a month or £59 a year. Cancel any time.
Builds on 34 Event delegation: one listener for a list. Free to try: Web Foundations and the playground.
Passed
You can now
You have what you need for a project: To-do list with filters Premium 3 hours
Step 1 of 7
exercise_1.html
You've reached the good stuff.
4 exercises in this lesson, checked as you type. Premium opens every lesson after Foundations, in all four courses.
HTML, CSS and JavaScript