---
id: 615f6b2d164f81809efd9bdc
title: Step 42
challengeType: 0
dashedName: step-42
---
# --description--
Dopo l'ultimo elemento `.divider`, crea un elemento `p` e assegnagli il testo `Total Fat 8g 10%`. Avvolgi `Total Fat` in un elemento `span` con l'attributo `class` con il valore `bold`. Avvolgi `10%` in un altro elemento `span` con la `class` impostata su `bold right`.
# --hints--
Dovresti creare due nuovi elementi `p` alla fine dell'elemento `.daily-value`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.localName === 'p');
```
Il nuovo elemento `p` dovrebbe avere il testo `Total Fat 8g 10%`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.innerText?.match(/Total Fat 8g[\s|\n]+10%/));
```
L'elemento `p` dovrebbe avere due elementi `span`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.querySelectorAll('span')?.length === 2);
```
Il primo elemento `span` dovrebbe avvolgere il testo `Total Fat`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.querySelector('span')?.innerText === 'Total Fat');
```
Il primo elemento `span` dovrebbe avere l'attributo `class` con il valore `bold`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.querySelector('span')?.className === 'bold');
```
Il secondo elemento `span` dovrebbe avvolgere il testo `10%`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.querySelectorAll('span')?.[1]?.innerText === '10%');
```
Il secondo elemento `span` dovrebbe avere l'attributo `class` con il valore `bold right`.
```js
assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.querySelectorAll('span')?.[1]?.className === 'bold right');
```
# --seed--
## --seed-contents--
```html
Nutrition Label