Tutti gli altri (6-10)

JS_Esercizi/JS_Esercizi 08 - DOM/esercizi/extra/generatore_box.js

@@ -0,0 +1,16 @@
+/**
+ * Esercizio Extra: Generatore di Box (Creazione complessa)
+ * 
+ * OBIETTIVO:
+ * Creare una griglia di quadrati colorati generati dinamicamente.
+ * 
+ * ISTRUZIONI:
+ * 1. Seleziona il div 'container-extra-box' nella pagina esercizi.html.
+ * 2. Crea un array di colori: const colori = ['red', 'blue', 'green', 'orange', 'purple'];
+ * 3. Usa un ciclo `for` che va da 0 a 4 (o lunghezza array):
+ * - Crea un nuovo `div`.
+ * - Assegnagli una larghezza e altezza di 100px.
+ * - Assegnagli il colore di sfondo prendendolo dall'array in base all'indice.
+ * - Aggiungi un evento 'click' al div: quando cliccato, il div deve rimuoversi da solo (`this.remove()`).
+ * - Aggiungi il div al 'container-extra-box'.
+ */