sheatang / eye-movement-exercise

The Eye Movement Exercise is a great depiction of what is possible when `HTML` , `CSS` , and `JavaScript` come together. The exercise creates a webpage with two synchronized eyes that follow the user’s mouse movement. The Eye Movement exercise is a Mouse event that binds the DOM elements to certain events.

Eye-Movement-Exercise:

Description:

The Eye Movement Exercise is a great depiction of what is possible when HTML , CSS , and JavaScript come together. The exercise creates a webpage with two synchronized eyes that follow the user’s mouse movement. The Eye Movement exercise is a Mouse event that binds the DOM elements to certain events. Some of the events are as follows:

• click is triggered when the mouse is clicked.
• mousemove is triggered when the mouse moves over an element; triggering the mousemove element updates the position of the "eye" element displayed on the page.
• mouseleave is triggered when the mouse leaves the element; triggering the mouseleave element occurs by moving the mouse away from the element.

How to Run:

Download the file from this GitHub Repository e.g. Clone this Repository,

Open the index file in the console or your preferred code editor e.g. VS Code,

Run the project.

Road Map of Future Improvements:

In the future I would add eye-color change functionality,

As I continue to add skills to my developer toolbox I will return to this project and update it.

License: