Surya JS Journey

Learn JavaScript through concepts, code, and guided practice.

A focused workspace for concept study, interactive examples, visual explanations, and challenge solving.

Concept Playground

Variables: var, let, const

Modern JavaScript primarily uses `let` and `const`. `let` allows reassignment, while `const` prevents rebinding the variable name. `var` is older, function-scoped, and behaves differently with hoisting, so understanding the distinction is important for reading legacy code and avoiding scope bugs.

Mode

Practice mode

Run code, inspect output, and reset instantly.

Source

Loaded from a concept

Starter code is loaded directly into the editor.

File

variables-declarations.js

Same code, editable immediately in the browser.

Workspace Flow

1. Edit the snippet

Change the code freely to test ideas and edge cases.

2. Run and inspect

Use the output panel to confirm behavior and catch runtime errors.

3. Reset or continue

Restore the starter or branch into your own experiment.

Practice Workspace

variables-declarations.js

Edit the code, run it in the browser, and inspect the console output below. Reset restores the original snippet for this page.

Editor

7 lines

Output

0 entries

Mode

practice

Workspace Notes

Changes stay local until you run the code. Reset restores the original snippet immediately for another pass.

Live editing

Safe to change before every run.

Fast reset

Return to the original starter instantly.

variables-declarations.js

7 linesMonaco Editor

Editor Actions

Use the editor to explore the example, then run it to inspect the console.

Console0 entries

Run the code to see output here.

Expected Output

1
2
3

Want a blank workspace again? Go back to the default playground.