---
id: 61fd94056e0355785fbba4d3
title: Step 22
challengeType: 0
dashedName: step-22
---
# --description--
All'interno del secondo `tr`, aggiungi un elemento `th` con il testo `Expenses Annual anticipated expenses, such as payroll.`. Racchiudi il testo, eccetto `Expenses`, all'interno di un elemento `span` con l'attributo `class` impostato su `description`.
Al di sotto, aggiungi tre elementi `td` e dai loro il seguente testo, in ordine: `$200`, `$300` e `$400`. Dai al terzo elemento `td` un attributo `class` con il valore `current`.
# --hints--
Il secondo `tr` dovrebbe avere un elemento `th`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th'));
```
L'elemento `th` dovrebbe avere il testo `Expenses Annual anticipated expenses, such as payroll.`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th')?.innerText === 'Expenses Annual anticipated expenses, such as payroll.');
```
Dovresti racchiudere il testo `Annual anticipated expenses, such as payroll.` in un elemento `span`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th > span')?.textContent === 'Annual anticipated expenses, such as payroll.');
```
L'elemento `span` dovrebbe avere l'attributo `class` con il valore `description`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th > span')?.classList?.contains('description'));
```
Dovresti avere tre elementi `td`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td').length === 3);
```
Il primo elemento `td` dovrebbe avere il testo `$200`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[0]?.textContent === '$200');
```
Il secondo elemento `td` dovrebbe avere il testo `$300`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[1]?.textContent === '$300');
```
Il terzo elemento `td` dovrebbe avere il testo `$400`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[2]?.textContent === '$400');
```
Il terzo elemento `td` dovrebbe avere l'attributo `class` con il valore `current`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[2]?.classList?.contains('current'));
```
# --seed--
## --seed-contents--
```html
Balance Sheet
AcmeWidgetCorpBalance Sheet
201920202021
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
Savings Funds set aside for emergencies.
$500
$650
$728
Total Assets
$579
$736
$809
Liabilities
2019
2020
2021
--fcc-editable-region--
Loans The outstanding balance on our startup loan.