Add a bubble wrap project idea

pull/509/head
lapohjan 4 years ago
parent b47cf8261f
commit e03cd614f1

@ -0,0 +1,26 @@
# Bubble Wrap
**Tier:** 1-Beginner
- What is more relaxing when you are stressed out than popping those little air pockets on bubble wrap? The idea of this project is just that, to pop bubbles, as a simulation on screen.
- The project can be completed with just HTML and some basic JavaScript.
## User Stories
- [ ] User can see a grid of circles resembling bubble wrap.
- [ ] User can pop a circle by clicking on it with his/her mouse.
- [ ] User can continue clicking on circles until they are all popped.
- [ ] User can reset the grid and start over.
## Bonus features
- [ ] User can select the amount of bubbles on wrap.
## Useful links and resources
- [getElementById method explained](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
- [onClick event explained](https://www.w3schools.com/jsref/event_onclick.asp)
## Example projects
- [a Bubble Wrap Code Pen](https://codepen.io/Jeffrey123/pen/vjywYv/)
Loading…
Cancel
Save