StopWatch

Tech Used: HTML, CSS, JavaScript

Description:

This project is a digital stopwatch created using vanilla HTML, CSS, and JavaScript. It provides precise time tracking features including start, pause, reset, and lap functionalities, making it a useful tool for timing events or testing coding performance. The stopwatch runs entirely in the browser with dynamic updates and smooth UI interactions.

Features:

Time Tracking:

Displays time in HH:MM:SS or MM:SS:MS format

Tracks hours, minutes, seconds, and milliseconds accurately

Updates in real-time without any page reloads

Start / Stop Functionality:

Users can start the stopwatch with a single click

Timer can be paused and resumed without resetting progress

Reset Button:

Clears all time values and resets the display back to zero

Useful for starting a new timing session from scratch

Lap Feature (if implemented):

Allows the user to record lap times while the stopwatch is running

Each lap time is displayed below the timer in a list format

Helpful for interval training or tracking multiple time segments

Responsive & Clean UI:

Built with clean, readable HTML and styled using CSS

Buttons styled for hover/active effects

Layout adapts well to different screen sizes (optional)

JavaScript Logic:

Uses setInterval() for continuous time tracking

Handles start/pause logic with clear variable control

Dynamically updates DOM to reflect time changes