---
id: 61fd9126aa72a474301fc49f
title: Step 20
challengeType: 0
dashedName: step-20
---
# --description--
Within the `tbody` element, add four `tr` elements. Give the first three the `class` attribute set to `data`, and the fourth the `class` attribute set to `total`.
# --hints--
Your `tbody` element should have four `tr` elements.
```js
const children = [...document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.children];
assert(children?.length === 4);
children.forEach(child => assert(child?.localName === 'tr'));
```
Your first three `tr` elements should have the `class` attribute set to `data`.
```js
const children = [...document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.children];
children.forEach((child, index) => {
if (index < 3) {
assert(child?.classList?.contains('data'));
}
});
```
Your fourth `tr` element should have the `class` attribute set to `total`.
```js
const children = [...document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.children];
assert(children?.[3]?.classList?.contains('total'));
```
# --seed--
## --seed-contents--
```html
Balance Sheet