mahuntington
/
panpsychism
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'f63e41195e'
${ noResults }
panpsychism/unit_02/w05d02/morning_exercise/stopwatch
History
Kristyn Bryan f63e41195e
Update README.md 		10 years ago
..
css stopwatch morning exercise 10 years ago
js stopwatch morning exercise 10 years ago
README.md Update README.md 10 years ago
index.html stopwatch morning exercise 10 years ago

README.md

ga

WDI-PANTHALASSA

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

Morning Exercise

STOP! WATCH TIME!

stopwatch

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 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.