Visual CS Tutor

Interactive Learning

JavaScript Fundamentals

What is JavaScript?First SplashVariablesMath & NumbersStringsArraysConditionals→ Loops ←

Coming Soon

Python BasicsData StructuresAlgorithms

Looping Through Code

Master JavaScript loops for efficient repetitive tasks

for loopsfor...of loopswhile loopsbreak & continueArray methods
🚀 Launch Countdown Demo

For Loop Countdown

Watch how a for loop counts down from 10 to blast off!

Live Countdown Output:

// Countdown For Loop
for (let i = 10; i >= 0; i--) {
  if (i === 10) {
    console.log(`Countdown ${i}`);
  } else if (i === 0) {
    console.log("🚀 Blast off!");
  } else {
    console.log(i);
  }
}
🔢 Multiplication Squares

Calculate Squares

Generate multiplication squares from 1 to 9 using a for loop

Squares Output:

// Squares For Loop
for (let i = 1; i < 10; i++) {
  const result = `${i} x ${i} = ${i * i}`;
  console.log(result);
}
console.log("Finished!");

📖 For Loop Anatomy:

for (initializer; condition; final-expression)

  • • Initializer: let i = 1 - Starting point
  • • Condition: i < 10 - When to stop
  • • Final-expression: i++ - How to update