All challenges
UI · Frontend challenge · Frontend UI
OTP Verification Input
Difficulty
medium
Time
~25m
Format
Single
Grading
Human review
#ui#react#frontend#state#refs#events
Mission file // read carefullymedium
Build a 6-digit OTP / Verification Code Input panel.
Requirements
- Render 6 individual single-character text input inputs.
- Typing a number automatically triggers focus transition to the next sibling input field.
- Pressing
Backspaceon an empty cell must trigger focus shift to the previous sibling input. - Support pasting values directly, populating all fields starting from index 0.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.