This project is the implementation of a stopwatch take-home challenge for TPXimpact.
Stopwatch was built using JavaScript, HTML and CSS.
- Time is displayed in the format 00:00:00:00 (hours, minutes, seconds, centiseconds)
- "Start" button: starts or continues the timer.
- After the timer starts, the "Start" button functions as the "Pause" button.
- "Reset" button: resets the timer to zero and clears all laps.
- "Lap" button: writes the time in the lap list (this does not stop the timer). As soon as the user presses the lap button, the lap timer resets to 00:00:00:00. This feature allows the user to see the elapsed time since the last lap and the timer's current laps time. Both results are displayed on the screen and are still visible if the page is refreshed.
- "Clear lap" button: clears any lap history
See in action https://nataliarusu.github.io/stopwatch/
To run this project locally you need to use a web server because the js files in this project are split into multiple modules. Use a local web-server, such as static-server or use the “live server” capability of your editor, such as VS Code Live Server Extension to run this project.