- DOM manipulations
- game logic
- CSS style manipulations
My Personalize Summary
I could have simply coded what Sveki provided, but once again, I wanted to style the game and make for a better user interaction.
I added more CSS styling, a total score, and UX personalization. Meaning, I catered the game's output based on the size of the user's screen by using the
element.clientHeight properties. The larger the screen, the harder the game will be.
New Things Learned or Refreshed
There wasn't too much that I learned in this game other than the clientWidth/clientHeight properties that lay on the HTML element object. I first tried to use the window.innerHeight and window.innerWidth properties but these appear to be fixed no matter how the user configures his or her screen size. Meaning, even with a minimized screen, the window.innerHeight property reads the same.
Time to Code
This project took me about 2 hours to code, including the HTML and CSS.
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
- Add a link to your finished project below!
What You Should See