Delete pokemon trainer button has been added

src/main/java/nl/utwente/mod4/pokemon/routes/TrainerRoute.java

@@ -45,8 +45,6 @@ public class TrainerRoute {
     public Trainer updateTrainer(@PathParam("id") String id, Trainer toUpdate) {
         if (id == null || !id.equals(toUpdate.id))
             throw new BadRequestException("Id mismatch.");
-        System.out.println("Incoming ID: " + id);
-        System.out.println("Updating Trainer: " + toUpdate);
 
         return TrainerDao.INSTANCE.update(toUpdate);
     }

src/main/webapp/js/requests.js

@@ -84,6 +84,7 @@ function pokemonTrainerToRow(pokemonTrainer) {
         <th scope="row">${pokemonTrainer.id}</th>
         <td>${pokemonTrainer.name}</td>
         <td>${pokemonTrainer.lastUpDate}</td>
+        <td><button id="deleteButton" type="button" onclick="deleteRow('${pokemonTrainer?.id?.trim()}')">Delete</button></td>
     </tr>
     
     `
@@ -109,4 +110,17 @@ function createTrainerTable() {
         </table>
     `
     toggleUpdateButton();
+}
+
+function deleteRow(rowID) {
+     let row = document.getElementById(`${rowID}_row`);
+     row.parentNode.removeChild(row)
+
+     fetch(`/pokemon/api/trainers/${rowID}`, {
+         method: "DELETE"
+    })
+     .then(res => res.json())
+     .then(res => console.log(res))
+    toggleUpdateButton();
+
 }
\ No newline at end of file