---
id: 61fd990577d8227dd93fbeeb
title: Step 24
challengeType: 0
dashedName: step-24
---
# --description--
In your fourth `tr` element, add a `th` element with the text `Total Liabilities`. Wrap the text `Liabilities` in a `span` element with the `class` attribute set to `sr-only`.
Following that, add three `td` elements with the following text (in order): `$750`, `$600`, `$475`. Give the third `td` element a `class` attribute set to `current`.
# --hints--
Your fourth `tr` should have a `th` element.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th'));
```
Your `th` element should have the text `Total Liabilities`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th')?.innerText === 'Total Liabilities');
```
You should wrap the text `Liabilities` in a `span` element.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th > span')?.textContent === 'Liabilities');
```
Your `span` element should have the `class` attribute set to `sr-only`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th > span')?.classList?.contains('sr-only'));
```
You should have three `td` elements.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td').length === 3);
```
Your first `td` element should have the text `$750`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[0]?.textContent === '$750');
```
Your second `td` element should have the text `$600`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[1]?.textContent === '$600');
```
Your third `td` element should have the text `$475`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[2]?.textContent === '$475');
```
Your third `td` element should have the `class` set to `current`.
```js
assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.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.
$500
$250
$0
Expenses Annual anticipated expenses, such as payroll.
$200
$300
$400
Credit The outstanding balance on our credit card.