Cicli che Creano 🎨

for (let i = 1; i <= 5; i++) {
    console.log('Giro numero ' + i);
}
// Giro numero 1, Giro numero 2, ... Giro numero 5

// All'indietro: 10, 9, 8 ... 1
for (let i = 10; i >= 1; i--) { console.log(i); }

// Di due in due: 0, 2, 4 ... 20
for (let i = 0; i <= 20; i += 2) { console.log(i); }

// Accumulare: la somma da 1 a 100
let somma = 0;
for (let i = 1; i <= 100; i++) {
    somma += i;
}
console.log(somma); // 5050

const lista = document.querySelector('#lista');

for (let i = 1; i <= 5; i++) {
    const voce = document.createElement('li');   // 1. crea l'elemento
    voce.textContent = `Elemento ${i}`;        // 2. riempilo
    voce.classList.add('voce');                  // 3. dagli uno stile
    lista.append(voce);                          // 4. mettilo nella pagina
}

let html = '';

for (let i = 1; i <= 5; i++) {
    html += `<li class="voce">Elemento ${i}</li>`;   // aggiungi un pezzo alla stringa
}

lista.innerHTML = html;   // una sola scrittura nella pagina, alla fine

// Lancia un dado finché non esce 6
let lanci = 0;
let dado = 0;

while (dado !== 6) {
    dado = Math.floor(Math.random() * 6) + 1;
    lanci++;
}
console.log(`Ci sono voluti ${lanci} lanci`);

// break: esce subito dal ciclo
for (let i = 1; i <= 100; i++) {
    if (i * i > 50) {
        console.log('Primo quadrato oltre 50: ' + i);   // 8
        break;
    }
}

// continue: salta il resto del giro e passa al successivo
for (let i = 1; i <= 10; i++) {
    if (i % 3 === 0) continue;   // salta 3, 6, 9
    console.log(i);
}