JavaScript Mini Projects

This repository contains the complete code for five small projects made using HTML, CSS and JavaScript.

About the mini-projects

- Project 1: Catch Me If You Can

It contains a box which changes its position randomly inside the viewport when you hover over it.

proj1.mp4

- Project 2: Counter

It contains a timer that can take numbers and count till '99999'.

proj2.mp4

- Project 3: Move the ball

It contains a ball which can be moved inside the viewport using 'W', 'A', 'S' and 'D' keys.

W - for moving in the upward direction
A - for moving in the left direction
S - for moving in the downward direction
D - for moving in the right direction

proj3.mp4

- Project 4: Percentage Scrolled

A bar at the top right corner shows the percentage that denotes how much the document has been viewed/scrolled.

- Project 5: Ping Pong Game

A smaller and easier version of the ping-pong game. The player needs to press enter to start the game and use the W-A-S-D keys to move the horizontal bars to stop the ball from falling down.

proj5.mp4

References

https://developer.mozilla.org/en-US/docs/Web/HTML
https://developer.mozilla.org/en-US/docs/Web/CSS
https://developer.mozilla.org/en-US/docs/Web/JavaScript