--- id: 61fd778081276b59d59abad6 title: Step 13 challengeType: 0 dashedName: step-13 --- # --description-- In your first `tr`, add a `th` element with the text `Cash This is the cash we currently have on hand.`. Wrap all of that text except `Cash ` in a `span` element with the `class` set to `description`. Following that, add three `td` elements with the following text (in order): `$25`, `$30`, `$28`. Give the third `td` element a `class` attribute set to `current`. # --hints-- Your first `tr` should have a `th` element. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelector('th')); ``` Your `th` element should have the text `Cash This is the cash we currently have on hand.`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelector('th')?.innerText === 'Cash This is the cash we currently have on hand.'); ``` You should wrap the text `This is the cash we currently have on hand.` in a `span` element. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelector('th > span')?.textContent === 'This is the cash we currently have on hand.'); ``` Your `span` element should have the `class` attribute set to `description`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelector('th > span')?.classList?.contains('description')); ``` You should have three `td` elements. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelectorAll('td').length === 3); ``` Your first `td` element should have the text `$25`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelectorAll('td')?.[0]?.textContent === '$25'); ``` Your second `td` element should have the text `$30`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelectorAll('td')?.[1]?.textContent === '$30'); ``` Your third `td` element should have the text `$28`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.querySelectorAll('td')?.[2]?.textContent === '$28'); ``` Your third `td` element should have the `class` set to `current`. ```js assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[0]?.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
``` ```css ```