t2a18-loops-1-page-john

Use an LLM to make a one page html file that shows all the types of javascript loops, then print the page and circle the code you don't understand.

1. for Loop


for (let i = 0; i < 5; i++) {
  console.log(i);
}
    

2. while Loop


let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}
    

3. do...while Loop


let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);
    

4. for...of Loop (iterables like arrays, strings)


const arr = [10, 20, 30];
for (const value of arr) {
  console.log(value);
}
    

5. for...in Loop (objects, enumerable properties)


const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(key, obj[key]);
}
    

6. Array.forEach() Loop


const arr = [1, 2, 3];
arr.forEach(num => {
  console.log(num);
});
    

7. Looping with map/filter/reduce (functional loops)


const arr = [1, 2, 3];
const doubled = arr.map(n => n * 2);
const evens = arr.filter(n => n % 2 === 0);
const sum = arr.reduce((a, b) => a + b, 0);
console.log(doubled, evens, sum);