Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Timer

Stopwatch and timer project to train JavaScript skills

Description

Stopwatch

  • 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

Timer

  • 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.

Tests

  • 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

Languages and others

html5 css3 javascript git