toine/SandboxJS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
mrtoine 2025-09-12 11:10:19 +02:00
commit dc9fbfea37
5 changed files with 154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

49
pokemonAPI/index.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PokéDex - Découvrez l'univers Pokémon</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- Container principal -->
<div class="container">
<!-- Header -->
<header>
<h1>PokéDex</h1>
<p class="subtitle">Explorez l'univers magique des Pokémon</p>
</header>
<!-- Section de recherche -->
<section class="search-section">
<div class="search-container">
<input type="text" class="search-input" placeholder="Rechercher un Pokémon..." id="searchInput">
<button class="search-btn" id="searchBtn">Rechercher</button>
</div>
</section>
<!-- Zone de contenu -->
<main>
<!-- État de chargement -->
<div class="loading" id="loader" style="display: none;">
Chargement des Pokémon...
</div>
<!-- Message d'erreur -->
<div class="error" id="error" style="display: none;">
Une erreur est survenue lors du chargement des données.
</div>
<!-- Grille des Pokémon -->
<div class="pokemon-grid" id="pokemonGrid">
<!-- Les cartes Pokémon seront injectées ici par JavaScript -->
</div>
</main>
</div>
<!-- Scripts -->
<script src="./js/api.js"></script>
<script src="./js/loader.js"></script>
</body>
</html>