Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Latest commit

 

History

History
History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Outline

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

Morty Proxy This is a proxified and sanitized view of the page, visit original site.