---
id: 60b69a66b6ddb80858c515b1
title: Step 60
challengeType: 0
dashedName: step-60
---
# --description--
All'interno dell'elemento `guitar`, crea tre elementi `div`. Dai ai primi due una proprietà `class` con valore di `guitar`. Poi dai al primo un attributo `id` con valore di `guitar-left` e al secondo un `id` con valore di `guitar-right`. Aggiungi un `id` al terzo `div` con un valore di `guitar-neck`.
Il terzo `div` non dovrebbe avere la classe `guitar`.
# --hints--
Dovresti avere tre nuovi elementi `div` dentro l'elemento `guitar`.
```js
assert(document.querySelectorAll('#guitar > div')?.length === 3);
```
Il primo nuovo `div` dovrebbe avere un attributo `class` impostato su `guitar`.
```js
assert(document.querySelectorAll('#guitar > div')?.[0]?.classList?.contains('guitar'));
```
Il primo nuovo `div` dovrebbe avere un `id` impostato su `guitar-left`.
```js
assert(document.querySelectorAll('#guitar > div')?.[0]?.getAttribute('id') === 'guitar-left');
```
Il secondo nuovo `div` dovrebbe avere un attributo `class` impostato su `guitar`.
```js
assert(document.querySelectorAll('#guitar > div')?.[1]?.classList?.contains('guitar'));
```
Il secondo nuovo `div` dovrebbe avere un `id` impostato su `guitar-right`.
```js
assert(document.querySelectorAll('#guitar > div')?.[1]?.getAttribute('id') === 'guitar-right');
```
Il terzo nuovo `div` dovrebbe avere un `id` impostato su `guitar-neck`.
```js
assert(document.querySelectorAll('#guitar > div')?.[2]?.getAttribute('id') === 'guitar-neck');
```
Non dovresti dare al terzo `div` un attributo `class` con il valore `guitar`.
```js
assert.notExists(document.querySelector('#guitar > #guitar-neck.guitar'));
```
# --seed--
## --seed-contents--
```html