2022-05-27 15:24:36 +00:00
---
id: 61fd77f7ad2aeb5ae34d07d6
title: Passo 14
challengeType: 0
dashedName: step-14
---
# --description--
No segundo elemento `tr` , adicione um elemento `th` com o texto `Checking Our primary transactional account.` . Envolva esse texto, exceto `Checking` , em um elemento `span` com o atributo `class` definido como `description` .
Depois disso, adicione três elementos `td` com o seguinte texto (em ordem): `$54` , `$56` , `$53` . Dê ao terceiro elemento `td` a `class` com o valor de `current` .
# --hints--
O segundo elemento `tr` deve ter um elemento `th` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th'));
```
O elemento `th` deve ter o texto `Checking Our primary transactional account.` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th')?.innerText === 'Checking Our primary transactional account.');
```
Você deve emvolver o texto `Our primary transactional account.` em um elemento `span` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th > span')?.textContent === 'Our primary transactional account.');
```
O elemento `span` deve ter o atributo `class` com o valor `description` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelector('th > span')?.classList?.contains('description'));
```
Você deve ter três elementos `td` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td').length === 3);
```
O primeiro elemento `td` deve ter o texto `$54` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[0]?.textContent === '$54');
```
O segundo elemento `td` deve ter o texto `$56` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[1]?.textContent === '$56');
```
O terceiro elemento `td` deve ter o texto `$53` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[2]?.textContent === '$53');
```
O terceiro elemento `td` deve ter o atributo `class` com o valor `current` .
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[1]?.querySelectorAll('td')?.[2]?.classList?.contains('current'));
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Balance Sheet< / title >
2022-06-21 15:00:08 +00:00
< link rel = "stylesheet" href = "./styles.css" >
2022-05-27 15:24:36 +00:00
< / head >
< body >
< main >
< section >
< h1 >
< span class = "flex" >
< span > AcmeWidgetCorp< / span >
< span > Balance Sheet< / span >
< / span >
< / h1 >
< div id = "years" aria-hidden = "true" >
< span class = "year" > 2019< / span >
< span class = "year" > 2020< / span >
< span class = "year" > 2021< / span >
< / div >
< div class = "table-wrap" >
< table >
< caption > Assets< / caption >
< thead >
< tr >
< td > < / td >
< th > < span class = "sr-only year" > 2019< / span > < / th >
< th > < span class = "sr-only year" > 2020< / span > < / th >
< th class = "current" > < span class = "sr-only year" > 2021< / span > < / th >
< / tr >
< / thead >
< tbody >
< tr class = "data" >
< th > Cash < span class = "description" > This is the cash we currently have on hand.< / span > < / th >
< td > $25< / td >
< td > $30< / td >
< td class = "current" > $28< / td >
< / tr >
--fcc-editable-region--
< tr class = "data" >
< / tr >
--fcc-editable-region--
< tr class = "data" >
< / tr >
< tr class = "total" >
< / tr >
< / tbody >
< / table >
< table >
< / table >
< table >
< / table >
< / div >
< / section >
< / main >
< / body >
< / html >
```
```css
```
