---
id: 5f0d48e7b435f13ab6550051
title: Part 50
challengeType: 0
---
## Description
The `legend` element acts as a caption for the content in the `fieldset` element. It gives users context about what they should enter into that part of the form.
Add a `legend` element with the text `Is your cat an indoor or outdoor cat?` above both of the radio buttons.
## Tests
```yml
tests:
- text: "Your `legend` element should have an opening tag. Opening tags have the following syntax: ``."
testString: assert( document.querySelector('legend') );
- text: Your `legend` element should have a closing tag. Closing tags have a `/` just after the `<` character.
testString: assert( code.match(/<\/legend\>/) );
- text: Your `legend` element should be the first element right below `fieldset` element's opening tag and before the first radio button's opening `label` tag. It is not in the correct position.
testString: |
const fieldsetElem = document.querySelector('fieldset');
const fieldsetElemChildren = fieldsetElem.children;
assert(
fieldsetElem.firstElementChild.nodeName === 'LEGEND' &&
fieldsetElemChildren[1].nodeName === 'LABEL' &&
fieldsetElemChildren[1].children[0].nodeName === 'INPUT' &&
fieldsetElemChildren[1].children[0].id === 'indoor'
);
- text: "Your `legend` element's text should be `Is your cat an indoor or outdoor cat?`. You have either omitted the text, have a typo, or it is not between the `legend` element's opening and closing tags."
testString: |
const extraSpacesRemoved = document.querySelector('legend').innerText.replace(/\s+/g, ' ');
assert( extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i) );
```
## Challenge Seed
