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.

1.5 KiB

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

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