--- id: 5ddb965c65d27e1512d44dae title: Part 21 challengeType: 0 isBeta: true --- ## Description
Now that we have the `total` number of calories that the user entered. We need to determine the maximum calories they should consume. Look at the form and notice that there are radio buttons for Female and Male. If Female is selected, the maximum calories a normal Female should consume is 2000. If Male is selected, the maximum is 2500. If you inspect the Female radio button you will notice its `id` attribute: `` Create a variable named `maxCalories` and set it equal to the document element with the `id` of `female`. This is similar to how you reference the element with the `id` of `calorie-form` at the beginning of this file.
## Instructions
## Tests
```yml tests: - text: See description above for instructions. testString: assert(/const\s*maxCalories\s*=\s*document\.getElementById\([\'\"\`]female[\'\"\`]\)/.test(code)); ```
## Challenge Seed
```html ```
### Before Test
```html

Calorie Counter

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