javascript (.js) and html file seperate

Javascript:

"use strict";

var $ = function(id) { return document.getElementById(id); };

var displayCurrentTime = function() {

};

var padSingleDigit = function(num) {

if (num

else { return num; }

}; window.onload = function() {

// set initial clock display and then set interval timer to display

// new time every second. Don't store timer object because it

// won't be needed - clock will just run.

};

HTML:

Digital clock

Clock

:

:

Extra 7-1 Develop the Clock application In this exercise, you'll create an application that displays the current time in hours, minutes, and seconds. The display should use a 12-hour clock and indicate whether it's AM or PM. The application looks like this Digital clock Clock : 21: 43 PM To convert the computer's time from a 24-hour clock to a 12-hour clock, first check to see if the hours value is greater than 12. If so, subtract 12 from the hours value and set the AMPM value to "PM". Also, be aware that the hours value for midnight is 0 1. Open the HTML and JavaScript files in this foldei exercises extra\ch07\clockl 2. In the JavaScript file, note that four functions are supplied. The function. The start of a displayCurrentTime) function. The padSingleDigit) function that adds a leading zero to single digits. And the start of an onload event handler 3. In the displayCurrentTime) function, add code that uses the Date object to determine the current hour, minute, and second. Convert these values to a 12 hour clock, determine the AM/PM value, and display these values in the appropriate span tags In the onload event handler, code a timer that calls the displayCurrentTime0 function at 1 second intervals. Also, make sure that the current time shows as soon as the page loads 4