Challenge 3 — Solution

Task: Repeat Challenge 2, but use structuredClone instead of spread
to create the copy. Change the copy's display.brightness to 50,
then log the original's display.brightness to confirm it's now
unaffected.

const settings = { theme: "dark", display: { brightness: 80 } };

const copy = structuredClone(settings);
copy.display.brightness = 50;

console.log(settings.display.brightness);


Expected output:

80


Notes:
- structuredClone recursively copies every level of the object,
  including the nested display object — copy.display is now a
  completely separate object from settings.display, not just a
  separate top-level wrapper around the same nested data.
- This is the direct fix for Challenge 2's bug: identical code
  pattern, just swapping { ...settings } for structuredClone(settings).
- settings.display.brightness correctly stays at 80, proving the two
  objects are now genuinely independent at every level, not just the
  top one.