Project
Simple Stopwatch
Challenging
187 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
JE
Juan Esteban Serrano Aldana3 months ago
You'll learn how to modify the DOM while exploring the capabilities of `setInterval()` alongside conditional logic and functions in JavaScript, all while applying very basic styling with CSS.
4 months ago
Basic theory about interactions between HTML elements and JavaScript code
4 months ago
I had the opportunity to practice coding with JS and used some of the Standard Library functions, like setInterval(). It was a good experience to patch CSS, HTML and JS together for the first time. I also liked that the tasks were not too trivial to solve but also not too challenging for a newcomer
4.6
Learners who completed this project within the Introduction to Frontend course rated it as follows: