Skip to content

iamdeveloperrayhan/mouse-position-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Mouse Position Tracker

A simple and interactive web project that tracks the mouse cursor position in real time. Built using HTML, CSS, and JavaScript, this project demonstrates how to capture mouse movement events and display the current X and Y coordinates dynamically on the webpage.

✨ Features

  • Real-time mouse position tracking
  • Displays X and Y coordinates
  • Responsive and lightweight
  • Beginner-friendly JavaScript project
  • Clean and simple UI

πŸ› οΈ Built With

  • HTML5
  • CSS3
  • JavaScript (jQuery)

πŸš€ Getting Started

Clone the repository:

git clone https://github.com/iamdeveloperrayhan/mouse-position-tracker.git

Navigate to the project folder:

cd mouse-position-tracker

Open the index.html file in your browser.

πŸ“ Project Structure

mouse-position-tracker/
│── index.html
└── README.md

πŸ“š What You'll Learn

  • Mouse events (mousemove)
  • DOM manipulation
  • Updating elements dynamically
  • Working with event listeners
  • Displaying real-time cursor coordinates

πŸ‘¨β€πŸ’» Author

Developer Rayhan

GitHub: https://github.com/iamdeveloperrayhan


⭐ If you found this project useful, consider giving it a star!

About

A simple mouse position tracker built with HTML, CSS, and JavaScript. Displays the cursor's X and Y coordinates in real time using DOM manipulation and event listeners.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages