Stopwatch and timer project to train JavaScript skills
- For the stopwatch, it only has two intuitive buttons.
- When the timer is reset, only the start button is enabled
- When clicking on the start button
- The count starts
- Enabling the reset button to reset the count
- The pause button to pause the count
- The timer has the buttons disabled until the user enters a value, whether for hours, minutes or seconds.
- When entering a value, only the start button and the count display are enabled
- As with the stopwatch, when starting the buttons activate the same functions
- Also blocks for user to enter values
- Upon reset, the display is disabled and user inputs are enabled.
- When time runs out, an alarm sounds to warn you.
- Tested in three browsers, Chrome, Edge, Firefox
- For Firefox, the styling was a little deformed, but the functionalities were perfect, as well as in the other tested browsers
- The focus wasn't styling with css, but training the functions with JavaScript, so I chose for the moment to leave the styling to Firefox like this
- In future updates I will be fixing Firefox styling
- For Firefox, the styling was a little deformed, but the functionalities were perfect, as well as in the other tested browsers