For this project, we're going to build a stopwatch. A stopwatch records the amount of time that's elapsed between pressing a start button and pressing a stop button. Imagine a sprinter training for a competition. Their trainer would record their runs with a stopwatch to see how fast they're going. Or a more likely scenario for software developers, you may be doing contract work which you charge by the hour. In that case, you'll use some sort of stopwatch to capture the moments when you're working and when you're not!
We'll be using this project to highlight arrow functions. JavaScript provides many ways to create functions, and arrow functions are all the rage since they were introduced as part of ES2015. While they're simple to use, developers have a hard time understanding what kinds of problems they solve, and how they solve those problems.
The popularity of JavaScript nowadays may hide its long history of being the butt of jokes amongst developers. It was common for developers to nitpick at various behaviors of the language and snobbily deride JavaScript as &quot;not a real language&quot;. I once fell into those camps of developers. While maturity had a part to play in why I've stopped making such remarks, I've realized just how much JavaScript was misunderstood. To help you avoid my mistakes, we'll be using this app to go over two key concepts in JavaScript - context and scope.

David Landup

Marcus Sanatan

Making a Stopwatch in Vanilla JavaScript

That concludes this Guided Project - &quot;Making a Stopwatch from Scratch with Vanilla JavaScript&quot;. Thank you for taking a ride with us!
<blockquote>
Online education is spreading through the world, and is becoming an increasingly important part of many lives. We believe that accessible, high-quality resources can help empower people that build tomorrow, and remain guided by that goal.
</blockquote>
At StackAbuse, we believe that learning is not a one-stop time investment. It's life-long. Especially in the volatile and rapidly changing world of Computer Science and Software Engineering. So, we've pledged to update our courses, guides, and other upcoming material to keep the pace of progress in the field. Software is updating - it's only fitting that learning resources are updating as well.
Thank you for purchasing &quot;Making a Stopwatch from Scratch with Vanilla JavaScript&quot;! We hope that it has brought a ton of value to you so far, and know that it will continue to do so as you dive further in to this topic.
<blockquote>
Now, we'd like to ask you to get involved in improving the next version our material.
</blockquote>
We believe that high-quality resources and education is community-driven and that minor (or major) contributions from each member results in a wonderful learning oasis. For this, feedback is crucial.

Thank You for Supporting Online Education

Software is oftentimes used to abstract away physical goods, services and mechanisms into a generic format that can be utilized digitally. Stopwatches used to be widely used back in the day! Marathon runners would time their laps, scientists would time their experiments and kids would time how long they can hold their breath in during class instead of listening to their teachers.
Nowadays - it's difficult to find a physical stopwatch - we've delegated that job to software:
<img src="https://s3.stackabuse.com/media/guided+projects/03-making-a-stopwatch-with-vanilla-js-03.png" alt="">
This project is built to help you learn about arrow function, function expressions, execution context, encapsulation, context scope, first-class functions, and setting intervals, through a hands-on project!

 <div class="alert alert-note">
 <div class="flex">
 
 <div class="flex-shrink-0 mr-3">
 <img src="/assets/images/icon-information-circle-solid.svg" class="icon" aria-hidden="true" />
 </div>
 
 Note: This Guided Project is an entry-level project, aimed at beginners who are just starting out with JavaScript and learning the fundamentals of the language. It's part of a larger, upcoming course on Web Development with JavaScript ES6 and Beyond.

 </div>
 </div>