Command Palette

Search for a command to run...

Hectal
Phase 7: Accessibility and Motion Safety
Web Animation · Exercise 4 of 4 Previous
Intermediate

Save the motion choice (launch page)

Part of Phase 7's build. Write setChoice(value): for reduced or full set data-motion on <html> and save it in localStorage under lumen-motion. For anything else remove the attribute and the saved value.

It must still set the attribute when localStorage throws.

What Check tests

  1. reduced sets the attribute and is saved
  2. system removes both
  3. blocked storage does not break it

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.
00:00.000
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s

Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.

frames

Console

Nothing logged yet.