# Drawing the Page from Your Data

Keep what the page shows in an array, write one render function that draws the page from it, and have every listener change the data and call render, so the page and the data never disagree.

![Cheat sheet: Drawing the Page from Your Data](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/3fef1b35d184475ca108f5e321b91af5.webp)

- Category: JavaScript
- Level: Journeyman
- Tags: Array, createElement(), filter(), JavaScript, Single Source of Truth, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/javascript-rendering-from-data-cheat-sheet