Click here to view more cat photos.
- cat photos + link to cat pictures --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/62a2401b9842721796b72850.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2401b9842721796b72850.md
new file mode 100644
index 00000000000..8caeb1c5f2f
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2401b9842721796b72850.md
@@ -0,0 +1,62 @@
+---
+id: 62a2401b9842721796b72850
+title: Step 7
+challengeType: 0
+dashedName: step-7
+---
+
+# --description--
+
+Dai all'elemento `#text` il seguente testo:
+
+```
+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.
+```
+
+# --hints--
+
+L'elemento `#text` dovrebbe contenere il testo fornito.
+
+```js
+const text = document.querySelector('#text');
+assert.equal(text.innerText, "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.");
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+
+
+
+```
diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3bb9aeefe4b3fc43c6d7b.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3bb9aeefe4b3fc43c6d7b.md
new file mode 100644
index 00000000000..64811794318
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3bb9aeefe4b3fc43c6d7b.md
@@ -0,0 +1,116 @@
+---
+id: 62a3bb9aeefe4b3fc43c6d7b
+title: Step 31
+challengeType: 0
+dashedName: step-31
+---
+
+# --description--
+
+`button1` è una variabile che non sarà riassegnata. Se non riassegnerai un nuovo valore a una variabile, è una buona pratica dichiararla usando la parola chiave `const` invece della parola chiave `let`. In questo modo JavaScript ti darà un errore se la riassegni accidentalmente.
+
+Cambia la variabile `button1` in modo che sia dichiarata con la parola chiave `const`.
+
+# --hints--
+
+La variabile `button1` dovrebbe essere dichiarata con `const`.
+
+```js
+assert.match(code, /const button1/);
+```
+
+La variabile `button1` dovrebbe ancora avere il valore dell'elemento `#button1`.
+
+```js
+assert.deepEqual(button1, document.querySelector("#button1"));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ XP: 0
+ Health: 100
+ Gold: 50
+
+
+
+
+
+
+
+ Monster Name:
+ Health:
+
+--fcc-editable-region--
+
+
+
+--fcc-editable-region--
+
+
+
+
+
+```
+
+```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;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+--fcc-editable-region--
+let button1 = document.querySelector("#button1");
+--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/62a3bec30ea7f941412512dc.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3bec30ea7f941412512dc.md
new file mode 100644
index 00000000000..d0380e45758
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3bec30ea7f941412512dc.md
@@ -0,0 +1,181 @@
+---
+id: 62a3bec30ea7f941412512dc
+title: Step 33
+challengeType: 0
+dashedName: step-33
+---
+
+# --description--
+
+Proprio come hai fatto con i pulsanti, crea delle variabili per i seguenti `id` e usa `querySelector()` per dar loro l'elemento come valore:
+
+`text`, `xpText`, `healthText`, `goldText`, `monsterStats` e `monsterName`.
+
+Ricorda di dichiarare le variabili con la parola chiave `const` e di dar loro nomi corrispondenti agli `id`.
+
+# --hints--
+
+Dovresti dichiarare una variabile `text` con `const`.
+
+```js
+assert.match(code, /const text/);
+```
+
+La variabile `text` dovrebbe avere il valore dell'elemento `#text`.
+
+```js
+assert.deepEqual(text, document.querySelector('#text'));
+```
+
+Dovresti dichiarare una variabile `xpText` con `const`.
+
+```js
+assert.match(code, /const xpText/);
+```
+
+La variabile `xpText` dovrebbe avere il valore dell'elemento `#xpText`.
+
+```js
+assert.deepEqual(xpText, document.querySelector('#xpText'));
+```
+
+Dovresti dichiarare una variabile `healthText` con `const`.
+
+```js
+assert.match(code, /const healthText/);
+```
+
+La variabile `healthText` dovrebbe avere il valore dell'elemento `#healthText`.
+
+```js
+assert.deepEqual(healthText, document.querySelector('#healthText'));
+```
+
+Dovresti dichiarare una variabile `goldText` con `const`.
+
+```js
+assert.match(code, /const goldText/);
+```
+
+La variabile `goldText` dovrebbe avere il valore dell'elemento `#goldText`.
+
+```js
+assert.deepEqual(goldText, document.querySelector('#goldText'));
+```
+
+Dovresti dichiarare una variabile `monsterStats` con `const`.
+
+```js
+assert.match(code, /const monsterStats/);
+```
+
+La variabile `monsterStats` dovrebbe avere il valore dell'elemento `#monsterStats`.
+
+```js
+assert.deepEqual(monsterStats, document.querySelector('#monsterStats'));
+```
+
+Dovresti dichiarare una variabile `monsterName` con `const`.
+
+```js
+assert.match(code, /const monsterName/);
+```
+
+La variabile `monsterName` dovrebbe avere il valore dell'elemento `#monsterName`.
+
+```js
+assert.deepEqual(monsterName, document.querySelector('#monsterName'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+--fcc-editable-region--
+const button1 = document.querySelector("#button1");
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+
+--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/62a3c0ab883fd9435cd5c518.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c0ab883fd9435cd5c518.md
new file mode 100644
index 00000000000..0e5248b2573
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c0ab883fd9435cd5c518.md
@@ -0,0 +1,134 @@
+---
+id: 62a3c0ab883fd9435cd5c518
+title: Step 35
+challengeType: 0
+dashedName: step-35
+---
+
+# --description--
+
+I commenti ti consentono di aggiungere note al codice. In JavaScript, un commento su singola riga può essere scritto con `//` e un commento multi-riga può essere scritto con `/*` e `*/`. Ad esempio, ecco commenti singoli e multi-riga che dicono "Hello World":
+
+```js
+// hello world
+/*
+ hello world
+*/
+```
+
+Aggiungi un commento su una sola riga che dice `initialize buttons`.
+
+# --hints--
+
+Dovresti usare il simbolo `//` per iniziare un commento su singola riga.
+
+```js
+assert.match(code, /\/\//);
+```
+
+Il commento dovrebbe avere il testo `initialize buttons`.
+
+```js
+assert.match(code, /\/\/\s*initialize buttons/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+const button1 = document.querySelector('#button1');
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+const text = document.querySelector("#text");
+const xpText = document.querySelector("#xpText");
+const healthText = document.querySelector("#healthText");
+const goldText = document.querySelector("#goldText");
+const monsterStats = document.querySelector("#monsterStats");
+const monsterName = document.querySelector("#monsterName");
+const monsterHealthText =document.querySelector("#monsterHealth");
+
+--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/62a3c2fccf186146b59c6e96.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c2fccf186146b59c6e96.md
new file mode 100644
index 00000000000..17605ddb3b5
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c2fccf186146b59c6e96.md
@@ -0,0 +1,134 @@
+---
+id: 62a3c2fccf186146b59c6e96
+title: Step 36
+challengeType: 0
+dashedName: step-36
+---
+
+# --description--
+
+`button1` rappresenta il primo elemento `button`. Questi elementi possiedono una proprietà particolare chiamata `onclick`, che puoi usare per determinare cosa accade quando qualcuno clicca il pulsante. In JavaScript è possibile accedere alle proprietà in un paio di modi - il primo è con la dot notation. Il modo per accedere alla proprietà `onclick` di un elemento button sarà `button.onclick`.
+
+Usa la dot notation per impostare la proprietà `onclick` di `button1` sulla variabile `goStore`. Questa variabile corrisponderà a qualcosa che scriverai più avanti. Nota che `button1` è già dichiarata, quindi non hai bisogno di usare `let` o `const`.
+
+# --hints--
+
+Dovresti usare la dot notation per accedere alla proprietà `onclick` di `button1`.
+
+```js
+assert.match(code, /button1\.onclick/);
+```
+
+Non dovresti usare `let` o `const`.
+
+```js
+assert.notMatch(code, /(let|const)\s+button1\.onclick/);
+```
+
+Dovresti impostare la proprietà `onclick` di `button1` sulla variabile `goStore`.
+
+```js
+assert.match(code, /button1\.onclick\s*=\s*goStore/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+const button1 = document.querySelector('#button1');
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+const text = document.querySelector("#text");
+const xpText = document.querySelector("#xpText");
+const healthText = document.querySelector("#healthText");
+const goldText = document.querySelector("#goldText");
+const monsterStats = document.querySelector("#monsterStats");
+const monsterName = document.querySelector("#monsterName");
+const monsterHealthText =document.querySelector("#monsterHealth");
+
+--fcc-editable-region--
+// initialize buttons
+
+--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/62a3c4a0e52767482c5202d4.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c4a0e52767482c5202d4.md
new file mode 100644
index 00000000000..c61d9da0980
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3c4a0e52767482c5202d4.md
@@ -0,0 +1,151 @@
+---
+id: 62a3c4a0e52767482c5202d4
+title: Step 37
+challengeType: 0
+dashedName: step-37
+---
+
+# --description--
+
+Usando la stessa sintassi, imposta le proprietà `onclick` di `button2` e `button3` rispettivamente su `goCave` e `fightDragon`.
+
+# --hints--
+
+Dovresti usare la dot notation per accedere alla proprietà `onclick` di `button2`.
+
+```js
+assert.match(code, /button2\.onclick/);
+```
+
+Non dovresti usare `let` o `const` per assegnare `button2.onclick`.
+
+```js
+assert.notMatch(code, /(let|const)\s+button2\.onclick/);
+```
+
+Dovresti impostare la proprietà `onclick` di `button2` sulla variabile `goCave`.
+
+```js
+assert.match(code, /button2\.onclick\s*=\s*goCave/);
+```
+
+Dovresti usare la dot notation per accedere alla proprietà `onclick` di `button3`.
+
+```js
+assert.match(code, /button3\.onclick/);
+```
+
+Non dovresti usare `let` o `const` per assegnare `button3.onclick`.
+
+```js
+assert.notMatch(code, /(let|const)\s+button3\.onclick/);
+```
+
+Dovresti impostare la proprietà `onclick` di `button3` sulla variabile `fightDragon`.
+
+```js
+assert.match(code, /button3\.onclick\s*=\s*fightDragon/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+const button1 = document.querySelector('#button1');
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+const text = document.querySelector("#text");
+const xpText = document.querySelector("#xpText");
+const healthText = document.querySelector("#healthText");
+const goldText = document.querySelector("#goldText");
+const monsterStats = document.querySelector("#monsterStats");
+const monsterName = document.querySelector("#monsterName");
+const monsterHealthText =document.querySelector("#monsterHealth");
+
+--fcc-editable-region--
+// initialize buttons
+button1.onclick = goStore;
+
+--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/62fc20387ef88d1d1998aac5.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md
new file mode 100644
index 00000000000..ef53a815f34
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md
@@ -0,0 +1,127 @@
+---
+id: 62fc20387ef88d1d1998aac5
+title: Step 32
+challengeType: 0
+dashedName: step-32
+---
+
+# --description--
+
+Usa `querySelector()` per ottenere gli altri due elementi button usando i loro `id`, `#button2` e `#button3`. Conservali in variabili chiamate `button2` e `button3`. Ricorda di usare `const`.
+
+# --hints--
+
+Dovresti dichiarare una variabile `button2` con `const`.
+
+```js
+assert.match(code, /const button2/);
+```
+
+La variabile `button2` dovrebbe avere il valore dell'elemento `#button2`.
+
+```js
+assert.deepEqual(button2, document.querySelector('#button2'));
+```
+
+Dovresti dichiarare una variabile `button3` con `const`.
+
+```js
+assert.match(code, /const button3/);
+```
+
+La variabile `button3` dovrebbe avere il valore dell'elemento `#button3`.
+
+```js
+assert.deepEqual(button3, document.querySelector('#button3'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+--fcc-editable-region--
+const button1 = document.querySelector("#button1");
+
+--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/62fc211760bfc220f4734800.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md
new file mode 100644
index 00000000000..13baaadc65b
--- /dev/null
+++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md
@@ -0,0 +1,123 @@
+---
+id: 62fc211760bfc220f4734800
+title: Step 34
+challengeType: 0
+dashedName: step-34
+---
+
+# --description--
+
+Infine, usa `querySelector()` per ottenere l'elemento `#monsterHealth`. Dato che hai già dichiarato la variabile `monsterHealth` precedentemente, devi dare un nome diverso alla variabile per questo elemento. Dichiara una nuova variabile con la parola chiave `const` e dalle il nome `monsterHealthText`.
+
+# --hints--
+
+Dovresti dichiarare una variabile `monsterHealthText` con `const`.
+
+```js
+assert.match(code, /const monsterHealthText/);
+```
+
+La variabile `monsterHealthText` dovrebbe avere il valore dell'elemento `#monsterHealth`.
+
+```js
+assert.deepEqual(monsterHealthText, document.querySelector('#monsterHealth'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+ 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;
+}
+
+#controls, #stats {
+ border: 1px solid black;
+ padding: 5px;
+ color: black;
+}
+
+#monsterStats {
+ display: none;
+ border: 1px solid black;
+ padding: 5px;
+ color: white;
+ background-color: red;
+}
+
+.stat {
+ padding-right: 10px;
+}
+```
+
+```js
+let xp = 0;
+let health = 100;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["stick"];
+
+--fcc-editable-region--
+const button1 = document.querySelector("#button1");
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+const text = document.querySelector("#text");
+const xpText = document.querySelector("#xpText");
+const healthText = document.querySelector("#healthText");
+const goldText = document.querySelector("#goldText");
+const monsterStats = document.querySelector("#monsterStats");
+const monsterName = document.querySelector("#monsterName");
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
index cccfc8bc12b..6afbeea3897 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
@@ -75,7 +75,7 @@ assert(
--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.
+
+ Click here to view more cat photos.
- cat photos + link to cat pictures --fcc-editable-region--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
index 20c64f87309..f0e89ba4214 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md
@@ -75,7 +75,7 @@ assert(
--fcc-editable-region--
Click here to view more cat photos.
- cat photos + link to cat pictures --fcc-editable-region--