leosallu / js-lista-spesa Goto Github PK

Creare una lista della spesa con ciclo while inserendo elementi nel dom da JS.

1: Creare una struttura di base nel HTML per inserirci in futuro elementi da JS.

2: Creare un array di elementi (oggetti da comprare x spesa).

3: Impostare delle variabili uguali agli indici dell'array per comodità e sopratutto il valore 0 alla i.

4: Impostare un ciclo while con la condizione che svolga il suo ciclo fino a che la i non è <= al array.lenght.

5: Successivamente impostare il codice per far si che crei un elemento nel dom e tramite l'interpolazione ad ogni aumento di valore della i corrisponda l'inserimento di un elemento del array nel HTML.

6: Per evitare che si rompa il tutto inserire che quando la i raggiunge il numero dell'ultima posizione dell'array finisca il ciclo.

7: Se tutto funziona possiamo dedicarci al CSS.