![ga](http://mobbook.generalassemb.ly/ga_cog.png)

# WDI-PANTHALASSA

---
Title: Morning Exercise - Stopwatch w05d02 <br>
Type: Morning Exercise<br>
Duration: "0:45"<br>
Creator:<br>
    Original creators: WDI-Meeseeks, WDI-Archer, WDI-Funke<br>
    Adapted by: Thom Page & Kristyn Bryan<br>
    Course: WDIr Panthalassa<br>
Competencies: Javascript, HTML, CSS<br>
Prerequisites: Javascript, HTML, CSS <br>

---
# Morning Exercise

STOP! WATCH TIME!

![stopwatch](http://www.featurepics.com/FI/Thumb300/20110915/Digital-Stopwatch-1998985.jpg)

## Stopwatch time = partner time!

We will put you in pairs to work on this exercise. One of you should be the driver while the other is the navigator.

Lets write a browser stopwatch app. Here are the user stories.

1. The user should be able to see the current amount of time that has gone by at any given point.
2. The user should be able to start the stopwatch.
3. the user should be able to stop the stopwatch.
4. The user should be able to reset the stopwatch.
5. Bonus: The user should be able to [make and reset splits](http://news.runtowin.com/2007/05/08/what-is-the-difference-between-split-times-and-lap-times.html) that appear somewhere on the page.

We have given you the starter file to use with a basic layout for the html so that you can focus on the Javascript.  Before you start to code, organize your thoughts by asking these questions:

1. What information am I going to need to store.
2. What events will I need and how will I have them interact with the web page.
3. What kind of funtions will I need in order to change the data?

Hint: When you get to the "reset" portion of your stopwatch, try Javascript's `setInterval()` method.

When time is up, remember to share your code with your partner.
