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…
Reference in new issue