Drag and Drop
Drag and Drop
individual assignment
The basic drag and drop facilities that will allow you to enrich your interactions beyond just clicking.
Modify your page from the JSON assignment so that you can drag a person to a different place in the list and thus reorder the list of students.
You may want to add a property to each student's display tag that indicates the index in the array for that object.

When you drop the object onto a new place in the list, modify your original JavaScript array to reflect the new order for that student and then rebuild the HTML display in the same way as if one of the class change buttons had just been pressed.