Project
Simple Stopwatch
Challenging
152 completions
~ 7 hours
4.6Tie HTML, CSS, and JavaScript together to make a functional stopwatch. Learn about setInterval and DOM methods.
Provided by
JetBrains Academy
About
The Simple Stopwatch project is a web application which allows users to time events with precision, offering features like start, stop, reset, and lap time recording. Built an interface that can display elapsed time prominently and provides buttons for easy control. With this project, users can track multiple laps, making it ideal for fitness routines, sports events, or any timing needs.
Graduate project
This project covers the core topics of the Introduction to Frontend course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Add the HTML elements to set the structure of the application.
Add the start and stop functionalities of the stopwatch.
Add the reset and lap functionalities of the stopwatch.
Optionally, style the application with your creativity.
Reviews
1 month ago
That stopwatch can be very easily created and that comment lines can affect javascript function speed.
Daniel Wirth
4 months ago
I have learned to combine html, css, java script to build an application. I think this is a good base to further in my journey to become a full stack software engineer.
5 months ago
A nice introduction to using setInterval; how to use JS to access and modify HTML elements; and using event listeners.
4.6
Learners who completed this project within the Introduction to Frontend course rated it as follows: