diff --git a/src/main/java/nl/utwente/mod4/pokemon/createTrainer.java b/src/main/java/nl/utwente/mod4/pokemon/createTrainer.java
deleted file mode 100644
index c1641ed6a1a70ba98192a9a95f0385b8905b1fb4..0000000000000000000000000000000000000000
--- a/src/main/java/nl/utwente/mod4/pokemon/createTrainer.java
+++ /dev/null
@@ -1,6 +0,0 @@
-package nl.utwente.mod4.pokemon;
-
-public interface createTrainer {
-
-}
-
diff --git a/src/main/java/nl/utwente/mod4/pokemon/updateInterface.java b/src/main/java/nl/utwente/mod4/pokemon/updateInterface.java
deleted file mode 100644
index 43b0336d248e858e49011ec971a9d908554afdb8..0000000000000000000000000000000000000000
--- a/src/main/java/nl/utwente/mod4/pokemon/updateInterface.java
+++ /dev/null
@@ -1,5 +0,0 @@
-package nl.utwente.mod4.pokemon;
-
-public interface updateInterface {
-
-}
diff --git a/src/main/webapp/js/requests.js b/src/main/webapp/js/requests.js
index a6a775d5c638aeaf75168faaf80a2b860fed085c..88b811392e7350530fd9f7445a1a7b8e5603fcce 100644
--- a/src/main/webapp/js/requests.js
+++ b/src/main/webapp/js/requests.js
@@ -37,7 +37,7 @@ function updateDetailsTrainer(trainerId) {
<div class="card-body">
<p class="card-text">
Name: ${pt.name} </br>
- Aditional Infor: bla bla bla
+ Aditional Information: bla bla bla
</p>
</div>
</div>
@@ -109,4 +109,37 @@ function createTrainersTable() {
</tbody>
</table>
`
-}
\ No newline at end of file
+}
+
+function addTrainer(){
+ const tableParent = document.getElementById(tableParentId);
+ tableParent.innerHTML = `
+ <form id="newTrainerForm">
+ <label for="name">Name:</label>
+ <input type="text" id="name" name="name"><br>
+ <button type="submit" id="submitButton">Submit</button>
+ </form>
+ `;
+ document.getElementById("newTrainerForm").addEventListener("submit", function (event){
+ event.preventDefault();
+ const nameInput = document.getElementById("name").value.trim();
+ if (nameInput) {
+ const data = { name: nameInput };
+ fetch('/pokemon/api/trainers', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(data)
+ })
+ .then(res => res.json())
+ .then(() => {
+ location.reload();
+ })
+ .catch(error => {
+ console.error('Error adding trainer:', error);
+ // Optionally, you can display an error message to the user
+ });
+ }
+ });
+}
diff --git a/src/main/webapp/trainersPage.html b/src/main/webapp/trainersPage.html
index c3a2aa47f9216d5302816102b86c1615754cee92..576553d200e3740b87299b88660a7ae61ce6c053 100644
--- a/src/main/webapp/trainersPage.html
+++ b/src/main/webapp/trainersPage.html
@@ -12,7 +12,6 @@
<link rel="icon" type="image/x-icon" href="/pokemon/favicon.ico"> <!--mall icon that appears next to the website's title in the browser tab or bookmark bar -->
</head>
<body>
-
<script src="js/requests.js"></script>
<script>
tableParentId = "tableDiv";
@@ -30,8 +29,8 @@
});
</script>
-<h1>Trainers</h1>
-
+<h1>Trainers </h1>
+<button id = "addTrainersButton" class="btn btn-primary" onclick=addTrainer()>Add trainer</button>
<div class="container">
<div class="row">
<div id="tableDiv" class="col-8">No data</div>