--- id: 5ddb965c65d27e1512d44d9a title: Step 1 challengeType: 0 dashedName: step-1 --- # --description-- When a browser loads a page, it creates a Document Object Model (DOM) representation of the page which includes all of the HTML elements in a tree structure. In JavaScript, you can access the DOM by referencing the global `document` object. To view the DOM, log it to the console with `console.log(document)`. # --hints-- See description above for instructions. ```js assert(code.replace(/\s/g, '').match(/console\.log\(document\)/)); ``` # --seed-- ## --before-user-code-- ```html

Calorie Counter

Sex
Breakfast
Lunch
Dinner
``` ## --after-user-code-- ```html ``` ## --seed-contents-- ```html ``` # --solutions-- ```html ```