Stopwatch and Timer

Description: This project is a simple web application that implements a Stopwatch and Timer using HTML, CSS, and JavaScript. The application allows users to track time with a stopwatch, and set a countdown timer with an alert when the timer reaches zero.

Website Link: https://github.com/atinder11/Stopwatch-and-Timer

Demo Video:

Stopwatch-and-timer.mp4

Screenshot:

Stopwatch

1.Landing Page: 2.Start: 3.Pause: 4.Reset:

Timer:

1.Landing Page:

Enter Event name and Time

How to Use:

Download or clone the project repository to your local machine.
Open the index.html file in a web browser.
Use the buttons provided to control the Stopwatch and Timer functionalities.

Stopwatch:

To start the stopwatch, click the "Start" button.
To stop the stopwatch, click the "Stop" button.
To reset the stopwatch to 00:00:00, click the "Reset" button.

Timer:

Set the desired countdown time by entering the minutes and seconds in the respective input fields.
Click the "Start" button to start the timer countdown.
When the timer reaches zero, an alert will be displayed.

Files:

index.html: The main HTML file that provides the structure of the application.
style.css: The CSS file containing styles for the application layout.
script.js: The JavaScript file that implements the Stopwatch and Timer functionalities.

Dependencies: This application does not require any external dependencies. It runs purely on HTML, CSS, and JavaScript.

Compatibility: The application has been tested on modern web browsers and should work on most up-to-date versions of major browsers like Chrome, Firefox, Safari, and Edge.

Note: This is a basic implementation of a Stopwatch and Timer application using front-end web technologies. For more complex and robust applications, additional features and improvements can be added, such as lap recording for the stopwatch or multiple timers for the timer functionality.