Congrats! You are a building a website for the the Collegiate A Cappella Network. Below are the app deliverables.
Deliverables
- Get the list of groups from index.js to display on the page and fill the table with relevant information.
- Your table HTML might look something like this:
<tr><td>*Insert College*</td> <td>*Insert Group Name*</td> <td>*Insert Membership*</td> <td>*Insert Division*</td> <td><img src='./assets/trophy.png' data-id='*put an id here*'/></td></tr>
- On click of a button, remove the associated group from the table and add it to the Winner h2.
- If you are struggling with identifying which group has been clicked, try reading this.
- BONUS: If a new group is selected as winner, the new group should be removed from the table and replace the old group in the Winner h2. The old group should also return to the table. At any given time, all groups should be visible on the app, but each should appear only once.
- DOUBLE BONUS: Can you add an extra button to delete a group?
- TRIPLE BONUS: Can you make clicking on a table headers sort by that column attribute?