--- id: 6193e3a4916fdb281b791892 title: Step 12 challengeType: 0 dashedName: step-12 --- # --description-- Copy the four `span` elements within your `.row` element, and paste them into your other three `.row` elements within your `.section` element. # --hints-- Your second `.row` element should have the four `span` elements. ```js const target = document.querySelectorAll('.section > .row')[1]; assert(target?.querySelectorAll('span')?.length === 4); assert(target?.querySelectorAll('span')?.[0]?.classList?.contains('name')); assert(target?.querySelectorAll('span')?.[3]?.classList?.contains('current')); ``` Your third `.row` element should have the four `span` elements. ```js const target = document.querySelectorAll('.section > .row')[2]; assert(target?.querySelectorAll('span')?.length === 4); assert(target?.querySelectorAll('span')?.[0]?.classList?.contains('name')); assert(target?.querySelectorAll('span')?.[3]?.classList?.contains('current')); ``` Your fourth `.row` element (your `.row total` element) should have the four `span` elements. ```js const target = document.querySelectorAll('.section > .row')[3]; assert(target?.querySelectorAll('span')?.length === 4); assert(target?.querySelectorAll('span')?.[0]?.classList?.contains('name')); assert(target?.querySelectorAll('span')?.[3]?.classList?.contains('current')); ``` # --seed-- ## --seed-contents-- ```html
2019 2020 2021
--fcc-editable-region--