How base0005/cst8209_project2 works
This is a browser-based Pokémon catalog: users choose a type, and the page displays matching Pokémon cards and a count. The sampled handlers filter the local catalog and build card details in the DOM; the catalog also supplies sprite and Pokémon-page URLs. The event-handler excerpt is partial, so the graph summarizes the repeated type-filtering behavior without assuming how the HTML loads the script.
Main entry points: index.html Page markup · index.js Type filter and renderer · style.css Page styles · pokedex.js Pokémon catalog
Components 7
Page interface
- Page markup
index.html - Page styles
style.css
Catalog runtime
- Type filter and renderer
index.js
Catalog data
- Pokémon catalog
pokedex.js
Other components
- Visitor
- Sprite host
- Pokémon pages
Connections 7
- Visitor → Page markup: uses
- Visitor → Type filter and renderer: selects type
- Type filter and renderer → Pokémon catalog: reads entries
- Type filter and renderer → Page markup: renders cards
- Page styles → Page markup: styles
- Page markup → Sprite host: loads sprites
- Page markup → Pokémon pages: opens links