--- id: 61fd78621573aa5e8b512f5e title: Step 15 challengeType: 0 dashedName: step-15 --- # --description-- Nel tuo terzo elemento `tr`, aggiungi un elemento `th` con il testo `Savings Funds set aside for emergencies.`. Manda a capo il testo, ad eccezione dei `Savings`, all'interno di un elemento `span` con la `class` impostata a `description`. In seguito, aggiungi tre elementi `td` con il seguente testo (in ordine): `$500`, `$650`, `$728`. Dai al terzo elemento `td` una `class` impostata a `current`. # --hints-- Il tuo terzo `tr` dovrebbe avere un elemento `th`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelector('th')); ``` Il tuo elemento `th` dovrebbe avere il testo `Savings Funds set aside for emergencies.`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelector('th')?.innerText === 'Savings Funds set aside for emergencies.'); ``` Dovresti mandare a capo il testo `Funds set aside for emergencies.` in un elemento `span`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelector('th > span')?.textContent === 'Funds set aside for emergencies.'); ``` Il tuo elemento `span` dovrebbe avere l'attributo `class` impostato a `description`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelector('th > span')?.classList?.contains('description')); ``` Dovresti avere tre elementi di `td`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td').length === 3); ``` Il tuo primo elemento `td` dovrebbe avere il testo `$500`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[0]?.textContent === '$500'); ``` Il secondo elemento `td` dovrebbe avere il testo `$650`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[1]?.textContent === '$650'); ``` Il tuo terzo elemento `td` dovrebbe avvere il testo `$728`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[2]?.textContent === '$728'); ``` Il tuo terzo elemento `td` dovrebbe avere la `class` impostata su `current`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[2]?.classList?.contains('current')); ``` # --seed-- ## --seed-contents-- ```html Balance Sheet

AcmeWidgetCorp Balance Sheet

--fcc-editable-region-- --fcc-editable-region--
Assets
2019 2020 2021
Cash This is the cash we currently have on hand. $25 $30 $28
Checking Our primary transactional account. $54 $56 $53
``` ```css ```