--- id: 5f0d4ab1b435f13ab6550052 title: Passo 51 challengeType: 0 dashedName: step-51 --- # --description-- Em seguida, você vai adicionar alguns novos elementos `input` ao formulário. Adicione outro elemento `fieldset` diretamente abaixo do elemento `fieldset` existente. # --hints-- O novo elemento `fieldset` deve ter uma tag de abertura. As tags de abertura têm essa sintaxe: ``. ```js assert(document.querySelectorAll('fieldset').length >= 2); ``` Você deve acrescentar apenas uma tag de abertura para `fieldset`. Remova as tags adicionais. ```js assert(document.querySelectorAll('fieldset').length === 2); ``` O novo elemento `fieldset` deve ter uma tag de fechamento. As tags de fechamento têm um caractere `/` logo após o caractere `<`. ```js assert(code.match(/<\/fieldset>/g).length >= 2); ``` Você deve acrescentar apenas uma tag de fechamento para `fieldset`. Remova as tags adicionais. ```js assert(code.match(/<\/fieldset>/g).length === 2); ``` O segundo elemento `fieldset` não deve estar dentro do primeiro elemento `fieldset`. ```js const childrenOf1stFieldset = [ ...document.querySelector('form > fieldset').children ]; const foundElems = childrenOf1stFieldset.filter((child) => { return child.nodeName === 'FIELDSET'; }); assert(foundElems.length === 0); ``` Os dois elementos `fieldset` devem estar acima do campo de texto e de seu elemento `label` associado. Eles estão fora de ordem. ```js const formChildren = $('form')[0].children; assert( formChildren[0].nodeName === 'FIELDSET' && formChildren[1].nodeName === 'FIELDSET' && formChildren[2] && formChildren[2].nodeName === 'INPUT' && formChildren[2].getAttribute('type') === 'text' ); ``` O novo elemento `fieldset` não deve estar abaixo do elemento `fieldset` existente. Eles estão na ordem errada. ```js const fieldsetChildren = [...document.querySelectorAll('fieldset')].map( (elem) => elem.children ); assert(fieldsetChildren[0].length > fieldsetChildren[1].length); ``` # --seed-- ## --seed-contents-- ```html

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate.
Cats love lasagna.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Five cats looking around a field.
Cats hate other cats.

Cat Form

--fcc-editable-region--
Is your cat an indoor or outdoor cat?
--fcc-editable-region--
```