diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
index 64080cd4525..a393d0a23a2 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
@@ -7,7 +7,7 @@ dashedName: step-9
# --description--
-Dai all'elemento background buildings delle proprietà `width` e `height` del `100%` per renderlo della stessa dimensione del suo genitore, l'elemento `body`.
+Dai all'elemento `.background-buildings` delle proprietà `width` e `height` del `100%` in modo da renderlo della stessa larghezza e altezza del suo genitore, il `body`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
index eaedca13ed0..15c27755eda 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
@@ -7,7 +7,7 @@ dashedName: step-14
# --description--
-Ora hai qualcosa che assomiglia a un edificio. Sei pronto per creare la tua prima variabile. Le dichiarazioni di variabili iniziano con due trattini (`-`) e hanno un nome e un valore come questo: `--nome-variabile: valore;`. Nella classe `.bb1`, crea una variabile chiamata `--building-color1` e dalle il valore `#999`.
+Ora hai qualcosa che assomiglia a un edificio. Sei pronto per creare la tua prima variabile. Le dichiarazioni di variabili iniziano con due trattini (`-`) e hanno un nome e un valore come questo: `--nome-variabile: valore;`. Nella regola per la classe `bb1`, crea una variabile chiamata `--building-color1` e dalle il valore `#999`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
index 02512a68a86..eb91edc4192 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
@@ -9,11 +9,11 @@ dashedName: step-15
Per usare una variabile, inserisci il suo nome tra le parentesi con `var` di fronte: `var(--nome-variabile)`. Qualunque sia il valore che hai dato alla variabile verrà applicato a qualsiasi proprietà su cui la utilizzi.
-Aggiungi la variabile `--building-color-1` che hai creato nello step precedente come valore della proprietà `background-color` della classe `.bb1a`.
+Aggiungi la variabile `--building-color1` che hai creato nello step precedente come valore della proprietà `background-color` della classe `.bb1a`.
# --hints--
-Dovresti impostare la proprietà `background-color` per l'elemento `bb1a`.
+Dovresti impostare la proprietà `background-color` per l'elemento `.bb1a`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1a')?.backgroundColor)
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
index bcde59d50ae..973527028dd 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
@@ -11,7 +11,7 @@ Imposta `background-color` per le classi `.bb1b`, `.bb1c` e `.bb1d` con la stess
# --hints--
-Dovresti impostare la proprietà `background-color` per l'elemento `bb1b`.
+Dovresti impostare la proprietà `background-color` per l'elemento `.bb1b`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1b')?.backgroundColor)
@@ -23,7 +23,7 @@ Dovresti usare `var(--building-color1)` per impostare la proprietà `background-
assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1b')?.getPropVal('background-color', true), 'var(--building-color1)');
```
-Dovresti impostare la proprietà `background-color` per l'elemento `bb1c`.
+Dovresti impostare la proprietà `background-color` per l'elemento `.bb1c`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1c')?.backgroundColor)
@@ -35,7 +35,7 @@ Dovresti usare `var(--building-color1)` per impostare la proprietà `background-
assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1c')?.getPropVal('background-color', true), 'var(--building-color1)');
```
-Dovresti impostare la proprietà `background-color` per l'elemento `bb1d`.
+Dovresti impostare la proprietà `background-color` per l'elemento `.bb1d`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1d')?.backgroundColor)
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
index e99cfa13bdc..da7d6326d6d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
@@ -7,7 +7,7 @@ dashedName: step-18
# --description--
-Il primo edificio ora ha un bell'aspetto. Annida tre nuovi elementi `div` nell'elemento `background-buildings` e assegna loro le classi `bb2`, `bb3` e `bb4` in quest'ordine. Saranno altri tre edifici dello sfondo.
+Il primo edificio ora ha un bell'aspetto. Annida tre nuovi elementi `div` nell'elemento `.background-buildings` e assegna loro le classi `bb2`, `bb3` e `bb4` in quest'ordine. Saranno altri tre edifici dello sfondo.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
index a3690c1094d..63a9527a4c3 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
@@ -7,7 +7,7 @@ dashedName: step-21
# --description--
-Gli edifici sono troppo distanziati. Comprimili aggiungendo due elementi `div` vuoti in cima all'elemento `background-buildings`, due alla fine e uno tra `.bb3` e `.bb4`. Verranno aggiunti come elementi uniformemente distanziati, spostando efficacemente gli edifici più vicino al centro.
+Gli edifici sono troppo distanziati. Comprimili aggiungendo due elementi `div` vuoti in cima all'elemento `.background-buildings`, due alla fine e uno tra `.bb3` e `.bb4`. Verranno aggiunti come elementi uniformemente distanziati, spostando efficacemente gli edifici più vicino al centro.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
index 26830469c94..75a8800b935 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
@@ -7,7 +7,7 @@ dashedName: step-28
# --description--
-Gli edifici di sfondo stanno iniziando ad avere un bell'aspetto. Crea un nuovo `div` sotto l'elemento `background-buildings` e dagli la classe `foreground-buildings`. Questo sarà un altro contenitore per degli edifici.
+Gli edifici di sfondo stanno iniziando ad avere un bell'aspetto. Crea un nuovo `div` sotto l'elemento `.background-buildings` e dagli la classe `foreground-buildings`. Questo sarà un altro contenitore per degli edifici.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
index c370f1bccf1..16b178fef08 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
@@ -7,7 +7,7 @@ dashedName: step-29
# --description--
-Vuoi che il contenitore di foreground buildings sia posizionato direttamente sopra all'elemento background buildings. Imposta `width` e `height` al `100%`, `position` su `absolute` e `top` a `0`. In questo modo sarà della stessa dimensione del body e inizierà nell'angolo in alto a sinistra.
+Vuoi che il contenitore di `.foreground-buildings` sia posizionato direttamente sopra all'elemento `.background-buildings`. Imposta `width` e `height` al `100%`, `position` su `absolute` e `top` a `0`. In questo modo sarà della stessa dimensione del body e inizierà nell'angolo in alto a sinistra.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
index f8dd486a79e..58e9f19e7cd 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
@@ -7,7 +7,7 @@ dashedName: step-32
# --description--
-Aggiungi a `foreground-buildings` le stesse proprietà e valori `display`, `align-items` e `justify-content` che hai utilizzato su `background-buildings`. Ancora una volta, userai Flexbox per distanziare uniformemente gli edifici sullo sfondo del loro contenitore.
+Aggiungi a `.foreground-buildings` le stesse proprietà e valori `display`, `align-items` e `justify-content` che hai utilizzato su `.background-buildings`. Ancora una volta, userai Flexbox per distanziare uniformemente gli edifici sullo sfondo del loro contenitore.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
index 04951140d38..2ebe84432a4 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
@@ -29,7 +29,7 @@ Dovresti rimuovere la proprietà `top` da `.foreground-buildings`.
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.top);
```
-Dovresti aggiungere la proprietà `position` con il valore `absolute` a `.background-buildings, foreground-buildings`.
+Dovresti aggiungere la proprietà `position` con il valore `absolute` a `.background-buildings, .foreground-buildings`.
```js
function eitherOr() {
@@ -39,7 +39,7 @@ function eitherOr() {
assert.equal(eitherOr()?.position, 'absolute');
```
-Dovresti aggiungere la proprietà `top` con il valore `0` a `.background-buildings, foreground-buildings`.
+Dovresti aggiungere la proprietà `top` con il valore `0` a `.background-buildings, .foreground-buildings`.
```js
function eitherOr() {
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
index f738ad04d54..152fb9bc88c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
@@ -7,7 +7,7 @@ dashedName: step-71
# --description--
-Le finestre sono accatastate una sopra l'altra a sinistra della sezione, dietro l'edificio viola. Sotto `.building-wrap`, aggiungi una nuova classe chiamata `.window-wrap` e aggiungi a essa queste proprietà:
+Le finestre sono accatastate una sopra l'altra a sinistra della sezione, dietro l'edificio viola. Sotto `.building-wrap`, aggiungi una nuova classe chiamata `window-wrap` e aggiungi a essa queste proprietà:
```css
display: flex;
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
index 409a12feea2..982e6b73e04 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
@@ -19,10 +19,10 @@ Assicurati che la casella di spunta sia ancora presente.
assert($('input[type="checkbox"]')[0]);
```
-La casella di spunta dovrebbe ancora avere un attributo `id` con il valore `loving`. Potresti aver rimosso l'attributo o cambiato il suo valore.
+La casella di spunta dovrebbe ancora avere un attributo `id` con il valore `loving`. Valore atteso `--fcc-expected--`, valore trovato `--fcc-actual--`.
```js
-assert($('input[type="checkbox"]')[0].id === 'loving');
+assert.equal($('input[type="checkbox"]')[0].id, 'loving');
```
Il testo `Loving` non dovrebbe essere più posizionato direttamente a destra della tua casella di spunta. Dovrebbe essere contenuto in un elemento `label`. Assicurati che ci sia uno spazio tra i due elementi.
@@ -59,11 +59,11 @@ const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
assert(labelElem.hasAttribute('for'));
```
-Il nuovo elemento `label` dovrebbe avere un attributo `for` con il valore `loving`. Hai omesso il valore o hai un refuso. Ricorda che i valori degli attributi devono essere racchiusi tra virgolette.
+Il nuovo elemento `label` dovrebbe avere un attributo `for` con il valore `loving`. Valore atteso `--fcc-expected--`, valore trovato `--fcc-actual--`.
```js
const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
-assert(labelElem.getAttribute('for').match(/^loving$/));
+assert.equal(labelElem.getAttribute('for'), 'loving');
```
Il testo `Loving` dovrebbe essere annidato all'interno del nuovo elemento `label`. Hai omesso il valore o hai un refuso.
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a1166ed9a56d439c0770e7.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a1166ed9a56d439c0770e7.md
new file mode 100644
index 00000000000..95b7fd5baba
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a1166ed9a56d439c0770e7.md
@@ -0,0 +1,70 @@
+---
+id: 62a1166ed9a56d439c0770e7
+title: Step 3
+challengeType: 0
+dashedName: step-3
+---
+
+# --description--
+
+Crea tre elementi `span` all'interno dell'elemento `#stats`. Assegna a ognuno di loro la classe `stat`. Poi dai al primo il testo `XP: 0`, al secondo il testo `Health: 100` e al testo il testo `Gold: 50`.
+
+# --hints--
+
+Dovresti avere tre elementi `span` all'interno dell'elemento `#stats`.
+
+```js
+const spans = document.querySelectorAll('#stats > span');
+assert.equal(spans?.length, 3);
+```
+
+Dovresti dare ai tre nuovi elementi `span` la classe `stat`.
+
+```js
+assert.exists(document.querySelectorAll('#stats > .stat')?.length, 3);
+```
+
+Il primo elemento `.stat` dovrebbe avere il testo `XP: 0`.
+
+```js
+assert(document.querySelectorAll('#stats > .stat')?.[0]?.innerText === 'XP: 0');
+```
+
+Il secondo elemento `.stat` dovrebbe avere il testo `Health: 100`.
+
+```js
+assert(document.querySelectorAll('#stats > .stat')?.[1]?.innerText === 'Health: 100');
+```
+
+Il terzo elemento `.stat` dovrebbe avere il testo `Gold: 50`.
+
+```js
+assert(document.querySelectorAll('#stats > .stat')?.[2]?.innerText === 'Gold: 50');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+--fcc-editable-region--
+
+
+
+
+
+
+
+
+
+
+--fcc-editable-region--
+
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23c1d505bfa13747c8a9b.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23c1d505bfa13747c8a9b.md
new file mode 100644
index 00000000000..65e9ae466e5
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23c1d505bfa13747c8a9b.md
@@ -0,0 +1,167 @@
+---
+id: 62a23c1d505bfa13747c8a9b
+title: Step 4
+challengeType: 0
+dashedName: step-4
+---
+
+# --description--
+
+Racchiudi i numeri `0`, `100` e `50` in elementi `span` e racchiudi i nuovi elementi `span` in elementi `strong`. Poi assegna ai nuovi elementi `span` degli `id` con il valore `xpText`, `healthText` e `goldText`, rispettivamente.
+
+# --hints--
+
+Dovresti aggiungere un elemento `strong` nel primo elemento `.stat`.
+
+```js
+const stat = document.querySelectorAll('.stat')[0];
+const strong = stat?.querySelector('strong');
+assert.exists(strong);
+```
+
+Il primo nuovo elemento `strong` dovrebbe avere un elemento `span`.
+
+```js
+const stat = document.querySelectorAll('.stat')[0];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.exists(span);
+```
+
+Il primo elemento `span` annidato dovrebbe avere un `id` con il valore `xpText`.
+
+```js
+const stat = document.querySelectorAll('.stat')[0];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span?.id, 'xpText');
+```
+
+Il primo elemento `span` dovrebbe circondare il testo `0`.
+
+```js
+const stat = document.querySelectorAll('.stat')[0];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span.innerText, '0');
+```
+
+Il testo del primo elemento `.stat` dovrebbe essere ancora `XP: 0`.
+
+```js
+const stat = document.querySelectorAll('.stat')[0];
+assert.equal(stat.innerText, 'XP: 0');
+```
+
+Dovresti aggiungere un elemento `strong` nel secondo elemento `.stat`.
+
+```js
+const stat = document.querySelectorAll('.stat')[1];
+const strong = stat?.querySelector('strong');
+assert.exists(strong);
+```
+
+Il secondo nuovo elemento `strong` dovrebbe avere un elemento `span`.
+
+```js
+const stat = document.querySelectorAll('.stat')[1];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.exists(span);
+```
+
+Il secondo elemento `span` annidato dovrebbe avere un `id` con il valore `healthText`.
+
+```js
+const stat = document.querySelectorAll('.stat')[1];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span?.id, 'healthText');
+```
+
+Il secondo elemento `span` dovrebbe circondare il testo `100`.
+
+```js
+const stat = document.querySelectorAll('.stat')[1];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span.innerText, '100');
+```
+
+Il testo del secondo elemento `.stat` dovrebbe essere ancora `Health: 100`.
+
+```js
+const stat = document.querySelectorAll('.stat')[1];
+assert.equal(stat.innerText, 'Health: 100');
+```
+
+Dovresti aggiungere un elemento `strong` nel terzo elemento `.stat`.
+
+```js
+const stat = document.querySelectorAll('.stat')[2];
+const strong = stat?.querySelector('strong');
+assert.exists(strong);
+```
+
+Il terzo nuovo elemento `strong` dovrebbe avere un elemento `span`.
+
+```js
+const stat = document.querySelectorAll('.stat')[2];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.exists(span);
+```
+
+Il terzo elemento `span` annidato dovrebbe avere un `id` con il valore `goldText`.
+
+```js
+const stat = document.querySelectorAll('.stat')[2];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span?.id, 'goldText');
+```
+
+Il terzo elemento `span` dovrebbe circondare il testo `50`.
+
+```js
+const stat = document.querySelectorAll('.stat')[2];
+const strong = stat?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.equal(span.innerText, '50');
+```
+
+Il testo del terzo elemento `.stat` dovrebbe essere ancora `Gold: 50`.
+
+```js
+const stat = document.querySelectorAll('.stat')[2];
+assert.equal(stat.innerText, 'Gold: 50');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23cb9bc467a147516b500.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23cb9bc467a147516b500.md
new file mode 100644
index 00000000000..24077d4d258
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23cb9bc467a147516b500.md
@@ -0,0 +1,99 @@
+---
+id: 62a23cb9bc467a147516b500
+title: Step 5
+challengeType: 0
+dashedName: step-5
+---
+
+# --description--
+
+Per l'elemento `#controls`, crea tre elementi `button`. Il primo dovrebbe avere un `id` impostato su `button1` e il testo `Go to store`. Il secondo dovrebbe avere un `id` impostato su `button2` e il testo `Go to cave`. Il testo dovrebbe avere un `id` impostato su `button3` e il testo `Fight dragon`.
+
+# --hints--
+
+Dovresti aggiungere tre elementi `button` all'elemento `#controls`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+assert.exists(buttons);
+assert.equal(buttons.length, 3);
+```
+
+Il primo pulsante dovrebbe avere un `id` impostato su `button1`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button1 = buttons[0];
+assert.equal(button1.id, 'button1');
+```
+
+Il primo pulsante dovrebbe avere il testo `Go to store`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button1 = buttons[0];
+assert.equal(button1.innerText, 'Go to store');
+```
+
+Il secondo pulsante dovrebbe avere un `id` impostato su `button2`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button2 = buttons[1];
+assert.equal(button2.id, 'button2');
+```
+
+Il secondo pulsante dovrebbe avere il testo `Go to cave`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button2 = buttons[1];
+assert.equal(button2.innerText, 'Go to cave');
+```
+
+Il terzo pulsante dovrebbe avere un `id` impostato su `button3`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button3 = buttons[2];
+assert.equal(button3.id, 'button3');
+```
+
+Il terzo pulsante dovrebbe avere il testo `Fight dragon`.
+
+```js
+const buttons = document.querySelectorAll('#controls > button');
+const button3 = buttons[2];
+assert.equal(button3.innerText, 'Fight dragon');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+--fcc-editable-region--
+
+
+
+--fcc-editable-region--
+
+
+
+
+
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23d1c5f1c93161f3582ae.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23d1c5f1c93161f3582ae.md
new file mode 100644
index 00000000000..8734f42aa0a
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a23d1c5f1c93161f3582ae.md
@@ -0,0 +1,104 @@
+---
+id: 62a23d1c5f1c93161f3582ae
+title: Step 6
+challengeType: 0
+dashedName: step-6
+---
+
+# --description--
+
+In modo simile all'elemento `#stats`, l'elemento `#monsterStats` ha bisogno di due elementi `span`. Assegna loro la classe `stat` e dai al primo elemento il testo `Monster Name:` e al secondo il testo `Health:`. In ognuno di essi, dopo il testo aggiungi un elemento `strong` con annidato un elemento `span` vuoto.
+
+# --hints--
+
+L'elemento `monsterStats` dovrebbe avere due elementi `span`.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+assert.equal(spans.length, 2);
+```
+
+I nuovi elementi `span` dovrebbero avere entrambi un attributo `class` con il valore `stat`.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+assert.equal(spans[0].className, 'stat');
+assert.equal(spans[1].className, 'stat');
+```
+
+Il primo elemento `span` dovrebbe avere il testo `Monster Name:`. Assicurati che la spaziatura sia corretta.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+assert.equal(spans[0].innerText, 'Monster Name: ');
+```
+
+Il secondo elemento `span` dovrebbe avere il testo `Health:`. Assicurati che la spaziatura sia corretta.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+assert.equal(spans[1].textContent, 'Health: ');
+```
+
+Il primo elemento `span` dovrebbe avere un elemento `strong` con annidato un elemento `span` vuoto.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+const strong = spans[0]?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.exists(strong);
+assert.exists(span);
+```
+
+Il secondo elemento `span` dovrebbe avere un elemento `strong` con annidato un elemento `span` vuoto.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+const strong = spans[1]?.querySelector('strong');
+const span = strong?.querySelector('span');
+assert.exists(strong);
+assert.exists(span);
+```
+
+Gli elementi `strong` e `span` dovrebbero trovarsi dopo il testo.
+
+```js
+const spans = document.querySelectorAll(`#monsterStats > span`);
+assert.match(spans[0].innerHTML, /Monster Name: /);
+assert.match(spans[1].innerHTML, /Health: /);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+--fcc-editable-region--
+
+
+
+--fcc-editable-region--
+
+
+
+
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24068d60b671847d1d4e2.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24068d60b671847d1d4e2.md
new file mode 100644
index 00000000000..30506cfdec3
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24068d60b671847d1d4e2.md
@@ -0,0 +1,68 @@
+---
+id: 62a24068d60b671847d1d4e2
+title: Step 8
+challengeType: 0
+dashedName: step-8
+---
+
+# --description--
+
+Ora abbiamo bisogno di uno styling rapido. Inizia dando al `body` un `background-color` impostato su `darkblue`.
+
+# --hints--
+
+Dovresti avere un selettore `body`.
+
+```js
+const body = new __helpers.CSSHelp(document).getStyle('body');
+assert.exists(body);
+```
+
+Il selettore `body` dovrebbe avere una proprietà `background-color` con il valore `darkblue`.
+
+```js
+const background = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('background-color');
+assert.equal(background, 'darkblue');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+
+
+
+```
+
+```css
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md
new file mode 100644
index 00000000000..12ac4963463
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md
@@ -0,0 +1,86 @@
+---
+id: 62a2409897ec621942234cf6
+title: Step 9
+challengeType: 0
+dashedName: step-9
+---
+
+# --description--
+
+Dai all'elemento `#text` un `background-color` con il valore `black`, un `color` con il valore `white` e `10px` di padding su tutti i lati.
+
+# --hints--
+
+Dovresti avere un selettore `#text`.
+
+```js
+const text = new __helpers.CSSHelp(document).getStyle('#text');
+assert.exists(text);
+```
+
+L'elemento `#text` dovrebbe avere una proprietà `background-color` con il valore `black`.
+
+```js
+const background = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('background-color');
+assert.equal(background, 'black');
+```
+
+L'elemento `#text` dovrebbe avere una proprietà `color` con il valore `white`.
+
+```js
+const color = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('color');
+assert.equal(color, 'white');
+```
+
+L'elemento `#text` dovrebbe avere `10px` di padding su tutti i lati.
+
+```js
+const padding = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('padding');
+assert.equal(padding, '10px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+
+
+
+```
+
+```css
+body {
+ background-color: darkblue;
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a240c67f3dbb1a1e6d95ee.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a240c67f3dbb1a1e6d95ee.md
new file mode 100644
index 00000000000..351786e0d04
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a240c67f3dbb1a1e6d95ee.md
@@ -0,0 +1,113 @@
+---
+id: 62a240c67f3dbb1a1e6d95ee
+title: Step 10
+challengeType: 0
+dashedName: step-10
+---
+
+# --description--
+
+Assegna a `#game` una larghezza massima di `500px` e un'altezza massima di `400px`. Imposta `background-color` su `lightgray` e `color` su `white`. Infine, usa i margini per centrarlo e dagli `10px` di padding su tutti e quattro i lati.
+
+# --hints--
+
+Dovresti avere un selettore `#game`.
+
+```js
+const game = new __helpers.CSSHelp(document).getStyle('#game');
+assert.exists(game);
+```
+
+Il selettore `#game` dovrebbe avere una proprietà `max-width` di `500px`.
+
+```js
+const maxWidth = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('max-width');
+assert.equal(maxWidth, '500px');
+```
+
+Il selettore `#game` dovrebbe avere una proprietà `max-height` di `400px`.
+
+```js
+const maxHeight = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('max-height');
+assert.equal(maxHeight, '400px');
+```
+
+Il selettore `#game` dovrebbe avere un `background-color` con il valore `lightgray`.
+
+```js
+const background = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('background-color');
+assert.equal(background, 'lightgray');
+```
+
+Il selettore `#game` dovrebbe avere una proprietà `color` con il valore `white`.
+
+```js
+const color = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('color');
+assert.equal(color, 'white');
+```
+
+Il selettore `#game` dovrebbe avere una proprietà `margin` impostata su `0 auto`.
+
+```js
+const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin');
+assert.equal(margin, '0px auto');
+```
+
+Il selettore `#game` dovrebbe avere `10px` di padding su tutti i lati.
+
+```js
+const padding = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('padding');
+assert.equal(padding, '10px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+
+
+
+```
+
+```css
+body {
+ background-color: darkblue;
+}
+
+#text {
+ background-color: black;
+ color: white;
+ padding: 10px;
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24128d5e8af1b47ad1aab.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24128d5e8af1b47ad1aab.md
new file mode 100644
index 00000000000..d0432f45e94
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24128d5e8af1b47ad1aab.md
@@ -0,0 +1,101 @@
+---
+id: 62a24128d5e8af1b47ad1aab
+title: Step 11
+challengeType: 0
+dashedName: step-11
+---
+
+# --description--
+
+Assegna agli elementi `#controls` e `#stats` un `border` con il valore `1px solid black`, imposta il colore del testo su `black` e il padding su `5px`.
+
+# --hints--
+
+Dovresti avere un selettore `#controls, #stats`.
+
+```js
+const selector = new __helpers.CSSHelp(document).getStyle('#controls, #stats');
+assert.exists(selector);
+```
+
+Il selettore `#controls, #stats` dovrebbe avere una proprietà `border` con il valore `1px solid black`.
+
+```js
+const border = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('border');
+assert.equal(border, '1px solid black');
+```
+
+Il selettore `#controls, #stats` dovrebbe avere una proprietà `color` con il valore `black`.
+
+```js
+const color = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('color');
+assert.equal(color, 'black');
+```
+
+Il selettore `#controls, #stats` dovrebbe avere `5px` di padding.
+
+```js
+const padding = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('padding');
+assert.equal(padding, '5px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+
+
+
+```
+
+```css
+body {
+ background-color: darkblue;
+}
+
+#text {
+ background-color: black;
+ color: white;
+ padding: 10px;
+}
+
+#game {
+ max-width: 500px;
+ max-height: 400px;
+ background-color: lightgray;
+ color: white;
+ margin: 0 auto;
+ padding: 10px;
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md
new file mode 100644
index 00000000000..a527e93a75f
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md
@@ -0,0 +1,127 @@
+---
+id: 62a24190868ca51c0b6e83c7
+title: Step 13
+challengeType: 0
+dashedName: step-13
+---
+
+# --description--
+
+Per ora, nascondi l'elemento `#monsterStats`. Non cambiare nessuno degli altri stili.
+
+# --hints--
+
+Dovresti avere un selettore `#monsterStats`.
+
+```js
+const monsterStats = new __helpers.CSSHelp(document).getStyle('#monsterStats');
+assert.exists(monsterStats);
+```
+
+Il selettore `#monsterStats` dovrebbe avere una proprietà `display` con il valore `none`.
+
+```js
+const display = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('display');
+assert.equal(display, 'none');
+```
+
+Il selettore `#monsterStats` dovrebbe avere una proprietà `border` con il valore `1px solid black`.
+
+```js
+const border = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('border');
+assert.equal(border, '1px solid black');
+```
+
+Il selettore `#monsterStats` dovrebbe avere `5px` di padding.
+
+```js
+const padding = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('padding');
+assert.equal(padding, '5px');
+```
+
+Il selettore `#monsterStats` dovrebbe avere una proprietà `color` con il valore `white`.
+
+```js
+const color = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('color');
+assert.equal(color, 'white');
+```
+
+Il selettore `#monsterStats` dovrebbe avere una proprietà `background-color` con il valore `red`.
+
+```js
+const background = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('background-color');
+assert.equal(background, 'red');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+ RPG - Dragon Repeller
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+
+
+
+
+```
+
+```css
+body {
+ background-color: darkblue;
+}
+
+#text {
+ background-color: black;
+ color: white;
+ padding: 10px;
+}
+
+#game {
+ max-width: 500px;
+ max-height: 400px;
+ background-color: lightgray;
+ color: white;
+ margin: 0 auto;
+ padding: 10px;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md
new file mode 100644
index 00000000000..2b93d532f5f
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md
@@ -0,0 +1,108 @@
+---
+id: 62a255dae245b52317da824a
+title: Step 16
+challengeType: 0
+dashedName: step-16
+---
+
+# --description--
+
+Uno degli strumenti più potenti è la tua console per sviluppatori. A seconda del browser, potrebbe aprirsi premendo `F12` o `Ctrl+Shift+I`. Puoi anche cliccare sul pulsante "Console" sopra la finestra di anteprima per vedere la nostra console integrata. La console per sviluppatori include gli errori generati dal tuo codice, ma puoi anche usarla per vedere i valori delle variabili nel codice, che è molto utile per il debugging.
+
+Aggiungi la riga `console.log("Hello World");` tra i tag `script`, poi clicca sul pulsante "Console" per aprire la console, in cui dovresti vedere il testo `Hello World`.
+
+Nota come la riga termina con un punto e virgola. È un pratica comune in JavaScript terminare le righe di codice con un punto e virgola.
+
+# --hints--
+
+Dovresti aggiungere la riga `console.log("Hello World");` nel codice. Non dimenticare il punto e virgola.
+
+```js
+assert.match(code, /console\.log\("Hello World"\);/);
+```
+
+La riga `console.log("Hello World");` dovrebbe trovarsi tra i tag `script`.
+
+```js
+assert.match(code, /
+--fcc-editable-region--
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+
+ Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
+