Skip to content

SheaTang/Eye-Movement-Exercise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

image

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.

    image

  • About

    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.

    Resources

    License

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

     
     
     

    Contributors