https://github.com/tylrpopcorn/pokemon-display-grid

A simple application showcasing Pokémon using DOM manipulation
https://github.com/tylrpopcorn/pokemon-display-grid

dom dom-manipulation html html-javascript javascript

Last synced: 13 days ago
JSON representation

A simple application showcasing Pokémon using DOM manipulation

• Host: GitHub
• URL: https://github.com/tylrpopcorn/pokemon-display-grid
• Owner: TylrPopcorn
• Created: 2024-08-02T23:32:17.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-31T19:32:19.000Z (5 months ago)
• Last Synced: 2024-11-22T10:20:41.115Z (2 months ago)
• Topics: dom, dom-manipulation, html, html-javascript, javascript
• Language: JavaScript
• Homepage:
• Size: 10.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ```Pokemon-Display-Grid```

```A simple application showcasing Pokémon using DOM manipulation```

This project displays a grid of Pokémon images with their respective numbers, demonstrating how to dynamically manipulate the DOM using JavaScript. It is an excellent example for beginners to understand the fundamentals of DOM manipulation, including creating elements, appending them to the DOM, and adding styles dynamically.

Live: https://pokemon-display-grid.onrender.com/

![image](https://github.com/user-attachments/assets/57b25caf-dac6-4260-898e-ebc822f6e900)

Credit goes to the original/external sources used.

# Related Projects

-  [PingPong-ScoreKeepr](https://github.com/TylrPopcorn/PingPong-ScoreKeepr) - *A simple application that will keep track of your ping pong score*

-  [Television Show Search](https://github.com/TylrPopcorn/Television-Show-Search) - *A simple project showcasing how to manipulate an API in Svelte.js*

-  [Projects List](https://github.com/TylrPopcorn/Projects-List) - *Explore other projects I have worked on*