--- id: 62ff919a7b5612c0670923a5 title: Step 38 challengeType: 0 dashedName: step-38 --- # --description-- Collega gli elementi inviabili del modulo con il rispettivo elemento `label`. Usa `profile-picture`, `age`, `referrer` e `bio` come valori dei rispettivi attributi `id`. # --hints-- Il primo elemento `input` dovrebbe avere un `id` con il valore `profile-picture`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[0]?.matches('#profile-picture')) ``` Il secondo elemento `input` dovrebbe avere un `id` con il valore `age`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[1]?.matches('#age')) ``` L'elemento `select` dovrebbe avere un `id` con il valore `referrer`. ```js assert(document.querySelector('fieldset:nth-of-type(3) select')?.matches('#referrer')) ``` L'elemento `textarea` dovrebbe avere un `id` con il valore `bio`. ```js assert(document.querySelector('fieldset:nth-of-type(3) textarea')?.matches('#bio')) ``` Il primo elemento `label` dovrebbe avere un attributo `for` con il valore `profile-picture`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[0]?.matches('label[for="profile-picture"]')) ``` Il secondo elemento `label` dovrebbe avere un attributo `for` con il valore `age`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[1]?.matches('label[for="age"]')) ``` Il terzo elemento `label` dovrebbe avere un attributo `for` con il valore `referrer`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[2]?.matches('label[for="referrer"]')) ``` Il quarto elemento `label` dovrebbe avere un attributo `for` con il valore `bio`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches('label[for="bio"]')) ``` # --seed-- ## --seed-contents-- ```html Registration Form

Registration Form

Please fill out this form with the required information

--fcc-editable-region--
--fcc-editable-region--
``` ```css body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; } label { display: block; margin: 0.5rem 0; } ```