Cat Photos
Click here to view more cat photos.

Cat Lists
Things cats love:
- cat nip
- laser pointers
- lasagna

Top 3 things cats hate:
- flea treatment
- thunder
- other cats

--- id: 5f05a1d8e233dff4a68508d8 title: Step 46 challengeType: 0 dashedName: step-46 --- # --description-- Nest another radio button with the option `Outdoor` in a new `label` element. The new radio button should be placed after the first one. Also, set its `id` attribute value to `outdoor`. # --hints-- You will need to add a new `label` element in which to nest your new radio button. Make sure it has both an opening and closing tag. ```js assert( document.querySelectorAll('label').length === 2 && code.match(/<\/label\>/g).length === 2 ); ``` The text ` Outdoor` should be located directly to the right of your new `radio` button. Make sure there is a space between the element and the text. You have either omitted the text or have a typo. ```js const radioButtons = [...$('input')]; assert( radioButtons.filter((btn) => btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ Outdoor/i) ).length ); ``` Your new radio button and associated label should be below the first one. You have them in the wrong order. ```js const collection = [ ...document.querySelectorAll('input[type="radio"]') ].map((node) => node.nextSibling.nodeValue.replace(/\s+/g, '')); assert(collection.indexOf('Indoor') < collection.indexOf('Outdoor')); ``` Your new radio button should have an `id` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js assert($('input')[1].hasAttribute('id')); ``` Your new radio element should have an `id` attribute with the value `outdoor`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. ```js assert($('input')[1].id.match(/^outdoor$/)); ``` # --seed-- ## --seed-contents-- ```html
Click here to view more cat photos.