---
id: 5dfb5ecbeacea3f48c6300b1
title: Step 21
challengeType: 0
dashedName: step-21
---
# --description--
Usa gli elementi list item (`li`) per creare punti in una lista. Ecco un esempio di elementi list item in una lista non ordinata:
```html
milk
cheese
```
Dentro l'elemento `ul` annida tre elementi `li` per mostrare tre cose che piacciono ai gatti:
`cat nip` `laser pointers` `lasagna`
# --hints--
Dovresti avere tre elementi `li`. Ogni elemento `li` dovrebbe avere il proprio tag di apertura e chiusura.
```js
assert($('li').length === 3 && code.match(/<\/li\>/g).length === 3);
```
Dovresti avere tre elementi `li` con il testo `cat nip`, `laser pointers` e `lasagna` in qualsiasi ordine. Hai omesso del testo o hai un refuso.
```js
assert.deepStrictEqual(
[...document.querySelectorAll('li')]
.map((item) => item.innerText.toLowerCase())
.sort((a, b) => a.localeCompare(b)),
['cat nip', 'lasagna', 'laser pointers']
);
```
I tre elementi `li` dovrebbero essere tra i tag di apertura e chiusura dell'elemento `ul`.
```js
assert(
[...document.querySelectorAll('li')].filter(
(item) => item.parentNode.nodeName === 'UL'
).length === 3
);
```
# --seed--
## --seed-contents--
```html
