--- id: 5ddb965c65d27e1512d44da0 title: Step 7 challengeType: 0 dashedName: step-7 --- # --description-- If you inspect the inputs in the form, you will notice that they have the class name `cal-control`. To access elements with a certain class name, we use the `getElementsByClassName()` method. Similar to how you referenced the calorie form above (`document.getElementById('calorie-form')`), create a reference to the elements with the class name `cal-control` below `e.preventDefault()`. # --hints-- See description above for instructions. ```js assert( code .replace(/\s/g, '') .match(/document\.getElementsByClassName\([\'\"\`]cal\-control[\'\"\`]\)/) ); ``` # --seed-- ## --before-user-code-- ```html

Calorie Counter

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