Create a new project from scratch that adds students to a class roster and meets the following requirements:
- User can enter a name to be added to the roster.
- Name will be added to the end of a list.
- Create at most one global variable.
- Fool around with Foundation and/or CSS to make it look nicer.
- Add names to the top of the list instead of the bottom.
- Add buttons to change the position of the student within the list. In other words, add “Move Up” and “Move Down” buttons.
- Add a delete button to every list item that removes the name from the list when clicked.
- Persist the student data using window.localStorage.
- Allow the editing of student names after they’re already in the list.
- Add a promote button to every list item that changes the appearance (e.g. changes the background color, adds a border, etc.) of that item when clicked.
- Make "move down" work if you haven't already.
- Allow the editing of student names after they're already in the list.