Suvendhu128 / pokemon-finder

Pokemon Finder

Home Page:https://suvendhu128.github.io/pokemon-finder/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pokemon-finder

This is a simple Pokemon finder web app. It allows users to search for Pokemon by name and display information about the Pokemon.The code you have provided is an HTML file that can be used to create a simple Pokemon finder web app. The file starts with a declaration of the document type (), followed by the HTML lang attribute, which specifies the language of the document (en for English). The meta tags in the head section of the document specify the character encoding (UTF-8) and the viewport (width=device-width, initial-scale=1.0). The title tag specifies the title of the document (Pokemon-finder). The link tag specifies the href of the CSS file that will be used to style the document (style.css).

The body section of the document contains the main content of the web app. The first div element with the class name mainContainer contains a form with two input fields and two buttons. The first input field is used to enter the name of the Pokemon to search for. The second button is used to search for the Pokemon. The third button is used to reset the search form.

The second div element with the class name cardsContainer is used to display the results of the search. This div element is empty at the moment, but it will be populated with cards containing information about the Pokemon when the user searches for a Pokemon.

The last line of the document is a script tag that specifies the href of the JavaScript file that will be used to implement the functionality of the web app (script.js).

Requirements

  • A web browser that supports HTML5 and CSS3
  • A JavaScript library, such as jQuery

Installation

  1. Clone the repository to your computer.
  2. Open the index.html file in a web browser.

Usage

  1. Enter the name of the Pokemon you want to search for in the search bar.
  2. Click the Search button.
  3. The results of the search will be displayed in the cardsContainer div element.

About

Pokemon Finder

https://suvendhu128.github.io/pokemon-finder/


Languages

Language:JavaScript 49.9%Language:CSS 39.3%Language:HTML 10.8%