--- id: 61438b5b66d76a6264430f2a title: Step 10 challengeType: 0 dashedName: step-10 --- # --description-- All'interno di ciascuno dei nuovi elementi `a`, aggiungi un elemento `i` con le seguenti classi: - Il primo elemento `i` dovrebbe avere la classe `fab fa-facebook-f` - Il secondo elemento `i` dovrebbe avere la classe `fab fa-twitter` - Il terzo elemento `i` dovrebbe avere la classe `fab fa-instagram` - Il quarto elemento `i` dovrebbe avere la classe `fab fa-linkedin-in` - Il quinto elemento `i` dovrebbe avere la classe `fab fa-youtube` # --hints-- Dovresti avere cinque elementi `i`. ```js assert(document.querySelectorAll('i')?.length === 5); ``` Ogni elemento `a` dovrebbe contenere un solo elemento `i`. ```js const aaaaa = [...document.querySelectorAll('.social-icons a')]; assert(aaaaa?.every(a => a?.children?.length === 1 && a?.children?.[0]?.localName === 'i')); ``` Ogni elemento `i` dovrebbe avere un attributo `class` che include `fab`. ```js const iiiii = [...document.querySelectorAll('i')]; assert(iiiii?.every(i => i?.classList?.contains('fab'))); ``` Il primo elemento `i` dovrebbe avere un attributo `class` che include `fa-facebook-f`. ```js assert(document.querySelectorAll('i')?.[0]?.classList?.contains('fa-facebook-f')); ``` Il secondo elemento `i` dovrebbe avere un attributo`class` che include `fa-twitter`. ```js assert(document.querySelectorAll('i')?.[1]?.classList?.contains('fa-twitter')); ``` Il terzo elemento `i` dovrebbe avere un attributo `class` che include `fa-instagram`. ```js assert(document.querySelectorAll('i')?.[2]?.classList?.contains('fa-instagram')); ``` Il quarto elemento `i` dovrebbe avere un attributo `class` che include `fa-linkedin-in`. ```js assert(document.querySelectorAll('i')?.[3]?.classList?.contains('fa-linkedin-in')); ``` Il quinto elemento `i` dovrebbe avere un attributo `class` che include `fa-youtube`. ```js assert(document.querySelectorAll('i')?.[4]?.classList?.contains('fa-youtube')); ``` # --seed-- ## --seed-contents-- ```html Magazine
freecodecamp logo

OUR NEW CURRICULUM

Our efforts to restructure our curriculum with a more project-based focus

By freeCodeCamp

March 7, 2019

--fcc-editable-region-- --fcc-editable-region--
``` ```css ```