19 lines
776 B
JavaScript
19 lines
776 B
JavaScript
/**
|
|
* 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):
|
|
* Per ogni iterazione:
|
|
* - Crea un nuovo `div` e salvalo in una variabile `box`.
|
|
* - Assegnagli una larghezza e altezza di 100px (style)
|
|
* - Assegnagli il colore di sfondo prendendolo dall'array in base all'indice.
|
|
* - Aggiungi un event listener 'click' che rimuove il div quando viene cliccato. (box.remove())
|
|
* - Aggiungi il div al 'container-extra-box'.
|
|
*/
|
|
|