JavaScript

*Must use code attached*

Use namespaces and module pattern with the Clock

 

1. Open the HTML and JavaScript files:

Notice that there are two more library files, a namespace library and a utility library. In the HTML file, note that the script tags for these libraries come before the script tags for the clock and stopwatch libraries.

1. In the namespace library, review the code that creates the namespace and adds a namespace creator method. Then, use that method to add the following namespaces:

time
utility
time.clock
time.stopwatch

1. Move the padSingleDigit function and the $ function from the clock.js file to the library_utility.js file, and add them to the utility namespace.
2. Change the library_clock.js file so it uses the module pattern and adds the object it creates to the clock namespace.

NOTE: In this step and in step 5, you’ll need to adjust the objects so the callback function is passed to the start method and then stored so the function called by the timer can use it.

1. Change the library_stopwatch.js file so it uses the module pattern and adds the object it creates to the stopwatch namespace.
2. Change the code in the clock.js file to use the new namespaces and module objects. Since you no longer create the clock and stopwatch objects, remove that code and pass the callbacks to the start methods. Use aliases for the namespaces, and make sure you don’t add anything to the global namespace.

Attachments:

• 1515242705-clock_namespaces.zip
• 1515242717-Example.png