JS Pokemon Search Assignment
Objectives
- DOM Manipulation
- Events and Event Handlers
- Callbacks
- Constructors and Prototypes or ES6 Classes (For part two)
Hello, your assignment today is to re-create the functionality of our Pokemon search engine.
p.s. Don't forget to include the ability to toggle the card image and reset the card image upon submission of a new search.
Instructions
We're building out a search feature in our application (no backend persistence). A user should be able to search for a Pokemon and flip that Pokemon card to see the back side.
Constructors and Prototypes (feel free to use either ES5 or ES6)
Note When creating constructors and prototypes, you may use ES6 classes or just create the constructor function separately. Your choice.
- Create your OO Solution in
index.js
- The Pokemon class should be able to be called like:
new Pokemon(/* some arguments */)
- Instances of Pokemon should have a method called 'render' that returns a string representing an
li
HTML element containing the Pokemon's name and image. - Implement a filter functionality for your Pokemon list.
- Implement a flip functionality on each Pokemon.