Surya JS Journey
Learn JavaScript through concepts, code, and guided practice.
A focused workspace for concept study, interactive examples, visual explanations, and challenge solving.
Read nested data safely
Use optional chaining so missing nested data does not throw an error.
Update the final log so the code prints `undefined` instead of crashing when `settings` is missing.
Challenge Brief
Solve the exercise by editing the starter code and running it in the panel. Compare your result against the expected outcome, then refine your solution until the behavior matches.
- 1. Read the prompt carefully and identify the missing behavior.
- 2. Update only the parts of the starter code needed to solve it.
- 3. Run the code and compare actual output with the expected result.
Hints
- A normal nested property access throws when an intermediate object is missing.
- Use `?.` where the missing object might appear.
- The output should be the string form of `undefined` from `console.log`.
Challenge Workspace
optional-theme-read.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
challenge
Workspace Notes
Changes stay local until you run the code. Reset restores the original snippet immediately for another pass.
Editor Actions
Run your solution and compare the result with the expected challenge output.
Run the code to see output here.
Challenge Result
Run the code to check whether your solution matches the expected outcome.
Expected Output
undefinedContinue in Playground
Open this starter code in the shared playground if you want a focused space for experimenting outside the challenge page.
Open in Playground