--- id: 5ddb965c65d27e1512d44da0 title: Part 7 challengeType: 0 isHidden: true --- ## 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()`.
## Instructions
## Tests
```yml tests: - text: See description above for instructions. testString: assert( code.replace(/\s/g, '').match(/document\.getElementsByClassName\([\'\"\`]cal\-control[\'\"\`]\)/) ); ```
## Challenge Seed
```html ```
### Before Test
```html

Calorie Counter

Sex
Breakfast
Lunch
Dinner
```
### After Test
```html ```
## Solution
```html ```