alvin/pokedex
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/pokedex.git synced 2026-03-06 11:07:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Pokémon data fetching and validation logic; improve error handling and logging

Browse Source
This commit is contained in:
vista-man
2025-03-26 10:25:08 +01:00
parent 6e06965bc0
commit 5b4fcda9d6
4 changed files with 202 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
v2/assets/pokeball.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

189
v2/error_log.txt Normal file
View File

File diff suppressed because one or more lines are too long

21
v2/pokemon-detail.js
View File

@@ -1,11 +1,11 @@
let currentPokemonId = null; let currentPokemonId = null;
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
const MAX_POKEMONS = 151;
const pokemonID = new URLSearchParams(window.location.search).get("id"); const pokemonID = new URLSearchParams(window.location.search).get("id");
const id = parseInt(pokemonID, 10); const id = parseInt(pokemonID, 10);
if (id < 1 || id > MAX_POKEMONS) { if (isNaN(id) || id < 1) {
console.error(`Invalid Pokémon ID: ${id}`);
return (window.location.href = "./index.html"); return (window.location.href = "./index.html");
} }
@@ -15,6 +15,7 @@ document.addEventListener("DOMContentLoaded", () => {
async function loadPokemon(id) { async function loadPokemon(id) {
try { try {
console.log(`Loading data for Pokémon ID ${id}...`);
const pokemon = await fetch(`./get-pokemon.php?id=${id}`).then((res) => const pokemon = await fetch(`./get-pokemon.php?id=${id}`).then((res) =>
res.json() res.json()
); );
@@ -39,16 +40,12 @@ async function loadPokemon(id) {
leftArrow.removeEventListener("click", navigatePokemon); leftArrow.removeEventListener("click", navigatePokemon);
rightArrow.removeEventListener("click", navigatePokemon); rightArrow.removeEventListener("click", navigatePokemon);
if (id !== 1) { leftArrow.addEventListener("click", () => {
leftArrow.addEventListener("click", () => { navigatePokemon(id - 1);
navigatePokemon(id - 1); });
}); rightArrow.addEventListener("click", () => {
} navigatePokemon(id + 1);
if (id !== 151) { });
rightArrow.addEventListener("click", () => {
navigatePokemon(id + 1);
});
}
window.history.pushState({}, "", `./detail.html?id=${id}`); window.history.pushState({}, "", `./detail.html?id=${id}`);
} }

6
v2/pokemon.js
View File

@@ -28,8 +28,10 @@ document.addEventListener("DOMContentLoaded", () => {
function fetchPokemons() { function fetchPokemons() {
console.log("Fetching Pokémon data from server..."); console.log("Fetching Pokémon data from server...");
fetch(`./get-pokemon.php`) fetch(`./get-pokemon.php`)
.then((response) => response.json()) .then((response) => response.text())
.then((data) => { .then((text) => {
console.log("Server response:", text);
const data = JSON.parse(text);
if (Array.isArray(data)) { if (Array.isArray(data)) {
allPokemons = data; allPokemons = data;
localStorage.setItem("pokemons", JSON.stringify(allPokemons)); localStorage.setItem("pokemons", JSON.stringify(allPokemons));