Description:
An interactive Pokedex app built with HTML, CSS, and JavaScript that allows users to search for Pokémon, view details, and filter by types.
Features:
Search for Pokémon: Enter a Pokémon's name or ID to find detailed information.
View Pokémon Details: Display information such as stats, abilities, height, weight, and types.
Filter by Type: Filter Pokémon by specific types like Fire, Water, Grass, etc.
How to Use:
Open the app in your web browser.
Use the search bar to find specific Pokémon by name or ID.
The Pokémon card its details such as type power weight etc.
Installation:
Clone the repository or download the files.
Open index.html in your preferred web browser.
Files:
index.html: The main HTML file that contains the structure of the Pokedex app.
style.css: The CSS file that styles the app.
script.js: The JavaScript file that handles API requests and manages the app logic.
Usage:
Search: Enter a Pokémon's name or ID in the search bar to display its information.
View Details: The Pokémon Card displays more detailed stats and abilities.
Code Structure:
HTML: Sets up the main structure of the app, including the search bar, filter, and Pokémon list.
CSS: Styles the app, including the layout for Pokémon cards, the search bar, and filter buttons.
JavaScript:
addEventListener():Attaches an event handler to an element.
getElementById():Retrieves an element by its ID.
.textContent():Gets or sets the text content of an element.
createElement():Creates a new HTML element.
appendChild():Adds a child node to a specified parent node.
Description: An interactive Pokedex app built with HTML, CSS, and JavaScript that allows users to search for Pokémon, view details, and filter by types.
Features:
How to Use:
Installation:
index.html
in your preferred web browser.Files:
index.html
: The main HTML file that contains the structure of the Pokedex app.style.css
: The CSS file that styles the app.script.js
: The JavaScript file that handles API requests and manages the app logic.Usage:
Code Structure: