diff --git a/src/main/webapp/js/requests.js b/src/main/webapp/js/requests.js
index 4e4ad966df1dbf69fe27cfbade57a43919846f3d..1e5b0ca9c3315edd61a07211f5b7f027af22f9c0 100644
--- a/src/main/webapp/js/requests.js
+++ b/src/main/webapp/js/requests.js
@@ -127,4 +127,22 @@ function createPokemonType() {
     }).then(response => updatePokemonTypesTable())
 }
 
+function deletePokemonType() {
+    let idPokemon = document.getElementById("pokemonId").value;
+    fetch(`/pokemon/api/pokemonTypes/${idPokemon}`, {
+        method: 'DELETE'
+    })
+        .then(response => {
+            if (response.ok) {
+                // Trainer deleted successfully, update UI
+                updatePokemonTypesTable(); // Reload trainer table
+                updateDetails(''); // Clear details panel
+            } else {
+                console.error('Failed to delete Pokemon type:', response.status);
+            }
+        })
+        .catch(error => {
+            console.error('Error deleting Pokemon type:', error);
+        });
+}
 
diff --git a/src/main/webapp/pokemonTypes.html b/src/main/webapp/pokemonTypes.html
index 356c5852ef0151082e239b0886a5314974b83ee9..7e5cd0fcbc4468eac87b2548a49e9fe3d3b68bca 100644
--- a/src/main/webapp/pokemonTypes.html
+++ b/src/main/webapp/pokemonTypes.html
@@ -33,6 +33,10 @@
 
     <h1>Pokemon Types</h1>
 
+    <br>
+
+    <h4>Create a Pokemon type</h4>
+
     <form id="createPokemonTypeForm" onsubmit="createPokemonType()">
     <div class = "form-group">
             <label for = "pokemonName">Name</label>
@@ -106,7 +110,7 @@
 <!--            <label for = "generation">Generation</label>-->
 <!--            <input type = "text" class = "form-control" id = "generation" required>-->
 <!--        </div>-->
-<!--        <div class = "form-group">-->x
+<!--        <div class = "form-group">-->
 <!--            <label for = "isLegendary">Is Legendary?</label>-->
 <!--            <input type = "text" class = "form-control" id = "isLegendary" required>-->
 <!--        </div>-->
@@ -116,6 +120,19 @@
     <br>
     <br>
 
+    <h4>Delete a Pokemon type</h4>
+
+    <form id = "deletePokemonTypeForm" onsubmit = "deletePokemonType()">
+        <div class = "form-group">
+            <label for = "pokemonId">Pokemon ID</label>
+            <input type = "text" class = "form-control" id = "pokemonId">
+        </div>
+        <button type = "submit" class = "btn btn-primary">Delete Pokemon type</button>
+    </form>
+
+    <br>
+    <br>
+
     <div class="container">
         <div class="row">
             <div id="tableDiv" class="col-8">No data</div>