Improve error handling in API and enhance JSON parsing in script.js

school-pokedex/api.php

@@ -10,7 +10,7 @@ $conn = new mysqli($servername, $username, $password, $dbname);
 // Check connection
 if ($conn->connect_error) {
     error_log("Connection failed: " . $conn->connect_error);
-    die("Connection failed: " . $conn->connect_error);
+    die(json_encode(['error' => "Connection failed: " . $conn->connect_error]));
 }
 
 header('Content-Type: application/json');

school-pokedex/script.js

@@ -4,10 +4,18 @@ document.addEventListener('DOMContentLoaded', () => {
             if (!response.ok) {
                 throw new Error('Network response was not ok');
             }
-            return response.json();
+            return response.text().then(text => {
+                try {
+                    return JSON.parse(text);
+                } catch (error) {
+                    console.error('JSON parse error:', error, text);
+                    throw error;
+                }
+            });
         })
         .then(pokemons => {
             const pokemonList = document.getElementById('pokemon-list');
+            pokemonList.innerHTML = '';
             pokemons.forEach(pokemon => {
                 const card = document.createElement('div');
                 card.className = 'pokemon-card';