Beginner
Fix the notes that jump rows
Each row has a person's name in a <span> and a note box (<input className="note">). The button id="add-top" adds Meera at the top of the list.
Right now, if you type a note next to Asha and then add Meera, the note jumps to Meera's row. Fix it so every note stays next to the person it was typed for.
Keep the console free of key warnings.
What Check tests
- Two rows at the start: Asha and Ravi
- After adding Meera, Asha's note is still next to Asha
- Meera's new row has an empty note
- Meera is first of three rows
- No key warnings in the console
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.
Console
Nothing logged yet.