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);