Skip to content

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

2 Commits

Folders and files

Repository files navigation

⏱️ Stopwatch

A simple and responsive Stopwatch application built using HTML, CSS, and JavaScript. This project demonstrates JavaScript timing functions and DOM manipulation through an interactive stopwatch interface.

🚀 Features

  • ▶️ Start the stopwatch
  • ⏸️ Pause the stopwatch
  • 🔄 Reset the stopwatch
  • ⏱️ Accurate time display (Hours : Minutes : Seconds : Milliseconds)
  • 📱 Responsive and user-friendly interface

🛠️ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

📂 Project Structure

Stopwatch/
│── index.html
│── style.css
│── script.js
└── README.md

▶️ How to Run

  1. Clone the repository:
    git clone https://github.com/Nomee-123/Stopwatch.git
  2. Open the project folder.
  3. Open index.html in your browser.

📸 Preview

The application provides an intuitive interface with Start, Pause, and Reset buttons, allowing users to measure elapsed time accurately.

🎯 Learning Outcomes

This project helped me understand:

  • JavaScript timers (setInterval and clearInterval)
  • DOM Manipulation
  • Event Handling
  • CSS Styling
  • Responsive Web Design

🔮 Future Improvements

  • Add Lap Time functionality
  • Dark/Light Mode
  • Keyboard Shortcuts
  • Save lap history using Local Storage

👩‍💻 Author

Nomee Singh

GitHub: https://github.com/Nomee-123

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages