JavaScript if and for loops — HTML and CSS for kids

Code tip

Check, then count — “test the if condition; count how many times the loop goes round”

1. if (condition) { … } else { … }: only one of the two parts runs.
2. for (let i = 0; i < 5; i++) runs for i = 0, 1, 2, 3, 4 — 5 times.
3. With i <= n it includes n; with i = i + 2 it goes up in twos.

Use it for: Quiz checkers, score counters, times tables and simple games.

Worked example: 🔁 How many times does this code print “Well done”?
for (let i = 0; i < 5; i++) {
  console.log("Well done");
} → 5

✏️ Practice

Work it out in your head or on paper, then tap your answer — or type it and press Check. Stuck? Press “Show me how”.

🏁 Lesson 26 test

20 questions. Check each answer, then go to the next one. Get 16 or more right to pass.

🏅 Sign in with Google to earn the 🔁 Loop Legend badge when you pass — and a certificate when you finish all 10 lessons of Part 3 · Web Development. You can still take the test without signing in.

🖨️ JavaScript Worksheet: If and For Loops

• Worksheet set 1 (PDF)
• Worksheet set 2 (PDF)
• Worksheet set 3 (PDF)