Youcef Lanacer

Stop Watch
Project Type: Personal
Technologies Used: JavaScript,Html,Css
Live Preview View Source Code

This is a simple dynamic website i made using html and css with JavaScript. It represent a stop watch that you can use to set a timer.

The way it works is so simple, you will have 3 elements for the numbers and each one has a unique id, one for tens and one for seconds and one for minutes and you update each one of them using JavaScript interval function, i have also added a sound effect when you press the start button which only triggers when the counter is 0 in order to avoid spamming while the timer is running.

My goal of making this project was to solidify my knowledge of JavaScript by using its features for example: manipulating the DOM and changing its elements, adding sound effects and so on...