---
id: 6193e5d66b67e32e5f0f930e
title: Step 17
challengeType: 0
dashedName: step-17
---
# --description--
Now you can start filling in the data. In your first `.row` element, give the `span` elements the following text values in order: `Cash`, `$25`, `$30`, and `$28`. Give the following `.notes` element the text `This is the cash we currently have on hand.`.
# --hints--
The first `span` element should have the text `Cash`.
```js
const row = document.querySelectorAll('.section > .row')?.[0];
assert(row?.querySelectorAll('span')?.[0]?.textContent === 'Cash');
```
The second `span` element should have the text `$25`.
```js
const row = document.querySelectorAll('.section > .row')?.[0];
assert(row?.querySelectorAll('span')?.[1]?.textContent === '$25');
```
The third `span` element should have the text `$30`.
```js
const row = document.querySelectorAll('.section > .row')?.[0];
assert(row?.querySelectorAll('span')?.[2]?.textContent === '$30');
```
The fourth `span` element should have the text `$28`.
```js
const row = document.querySelectorAll('.section > .row')?.[0];
assert(row?.querySelectorAll('span')?.[3]?.textContent === '$28');
```
Your first `.notes` element should have the text `This is the cash we currently have on hand.`.
```js
const notes = document.querySelectorAll('.section > .notes')?.[0];
assert(notes?.textContent === 'This is the cash we currently have on hand.');
```
# --seed--
## --seed-contents--
```html
AcmeWidgetCorp Balance Sheet