HAP juggling web technologies

Skill Scanner

Station 5 Demo

Watch the loop in action! Step through each iteration to see how the index changes, which item gets processed, and how output builds up. Use the controls to go at your own pace!

The Array

HAP's skills to scan:

["navigation", "calculation", "communication", "analysis", "learning"]

Index:
0
1
2
3
4
Value:
"navigation"
"calculation"
"communication"
"analysis"
"learning"

skills.length = 5

The Loop

const skills = ["navigation", "calculation", "communication", "analysis", "learning"];

for (let i = 0; i < skills.length; i++) {
    console.log("Scanning: " + skills[i]);
}
Index (i): —
Condition: —
Current item: —
Click "Step" to begin the loop

Console Output

Output will appear here...

Execution Trace

Step through the loop to see the trace...
← Back to Station 5: Repeating Actions