parent
7540e9910f
commit
962c7866ea
@ -0,0 +1,38 @@
|
||||

|
||||
|
||||
# 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!
|
||||
|
||||

|
||||
|
||||
Lets write a browser stop watch 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.
|
||||
|
||||
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 yourself 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.
|
||||
Loading…
Reference in new issue