Linking JS File Go to the bc_union.html file. Directly above the closing<Phead> tag, insert a script element that links the p

Document code with descriptive comments.

**HTML FILE **

<!DOCTYPE html>

<html lang=”en”>

<head>

   <meta charset=”utf-8″ />

   <link href=”bc_reset.css” rel=”stylesheet”/>

   <link href=”bc_styles.css” rel=”stylesheet”/>

     </head>

**JS FILE *****

/*

uses the getEvent() function to return the

   HTML code contain in the daily events

*/

function getEvent(day) {

   var eventHTML;

   switch (day) {

      case 0: // Sunday Events

      eventHTML = “<dl>

        <dt>H..n</dt>

        <dd><p>A..n</p>

            <p><strong>LXn:</strong> Room A414</p>

            <p><strong>TiX:</strong> 12 am &ndash; 4pm</p>

            <p><strong>CXt:</strong> free</p>

         </dd>

        <dt>B..a</dt>

        <dd><p>R…m</p>

            <p><strong>LXon:</strong>F..e</p>

            <p><strong>TXe:</strong> 7 pm &ndash 10pm</p>

            <p><strong>CXt:</strong> $..s</p>

         </dd>

      </dl>”;

      break;

      case 1: // M..s

      eventHTML = “<dl>

        <dt>M..s</dt>

       <dd><p>P..s</p>

            <p><strong>LXn:</strong> U..m </p>

            <p><strong>Te:</strong> 7 pm &ndash; 11pm</p>

            <p><strong>Ct:</strong> xx</p>

         </dd>

         <dt>D..Series</dt>

        <dd><p>C c <em>E g</em> s…y</p>

            <p><strong>Lon:</strong> u r</p>

            <p><strong>Time:</strong> 7 9</p>

            <p><strong>Cost:</strong> ..d</p>

         </dd>

      </dl>”;

      break;

      case 2: // Tuesday Events

      eventHTML = “<dl>

        <dt>as</dt>

        <dd><p>Make .. yours.</p>

            <p><strong>L n:</strong> U…l</p>

            <p><strong>T e:</strong> 9 am &ndash; 5pm</p>

            <p><strong>C t:</strong> free</p>

         </dd>

         <dt>Ss</dt>

        <dd><p>Former..am</em>,

               .., Jr.</p>

            <p><strong>Location:</strong> Room 178</p>

            <p><strong>Time:</strong> 7 pm &ndash; 8:30pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

    </dl>”;

     break;     

        case 3: // W..s

      eventHTML = “<dl>

        <dt>Volunteer Fair</dt>

       <dd><p>Over.., etc. </p>

            <p><strong>Location:</strong> Union GreatHall</p>

            <p><strong>Time:</strong> 9 am &ndash; 5pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

         <dt>Ue</dt>

        <dd><p>V.. e.</p>

            <p><strong>L n:</strong> Room 125</p>

            <p><strong>T e:</strong> 5 pm &ndash; 6:30pm</p>

            <p><strong>C t:</strong> free</p>

         </dd>

        <dt>I..a</dt>

        <dd><p><em>Close-Up (Iran)</em></p>

            <p><strong>L n:</strong> OaksideTheater</p>

            <p><strong>T e:</stgrong> 7 pm &ndash; 9pm</p>

            <p><strong>C t:</strong> free</p>

         </dd>

      </dl>”;

      break;

      case 4: // Thursday Events

      eventHTML = “<dl>

        <dt>Thursday …e</dt>

        <dd><p>New .. your slot.</p>

            <p><strong>L n:</strong> Union Circle</p>

            <p><strong>T e:</strong> 8 pm &ndash; 11:30pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

        <dt>Midnight Cinema</dt>

        <dd><p><em>Amerika</em> From …</p>

            <p><strong>L n:</strong> F..e</p>

            <p><strong>T e:</strong> 10 pm &ndash; 11:30pm</p>

            <p><strong>C t:</strong> free</p>

         </dd>

         <dt>LateNight Yoga</dt>

        <dd><p>Sample …Union.</p>

            <p><string>Location:</strong>Rm B201</p>

            <p><strong>Time:</strong> 6 pm &ndash; 7:15pm</p>

            <p><strong>Cost:</strong> free ..session)</p>

         </dd>

      </dl>”;

     break;        

         case 5: //Friday Events

      eventHTML = “<dl>

         <dt>Cr</dt>

        <dd><p>Meet .. interests.</p>

            <p><strong>Location:</strong> Room A210</p>

            <p><strong>Time:</strong> 11:30 am &ndash; 1pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

        <dt>Behind the Beat</dt>

        <dd><p><em>Clyde .. blues.</p>

            <p><strong>Location:</strong> GreatHall</p>

            <p><strong>Time:</strong>7 pm &ndash; 10 pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

         <dt>Fs</dt>

        <dd><p><em>M…e</em></p>

            <p><strong>Location:</strong> F… Circle</p>

            <p><strong>Time:</strong> 7 ..t</p>

            <p><strong>Cost:</strong> $5.50</p>

         </dd>

      </dl>”;

      break;

      case 6: // sat

      eventHTML = “<dl>

         <dt>Kiteson the Concourse</dt>

        <dd><p>Enjoy .. invention.</p>

            <p><strong>Location:</strong>Uni..e</p>

            <p><strong>Time:</strong> 10 am &ndash; 3pm</p>

            <p><strong>Cost:</strong> free</p>

         </dd>

        <dt>Saturday .. s</dt>

        <dd><p>Play .. night.</p>

           <p><strong>Location:</strong>Union Game Room</p>

            <p><strong>Time:</strong> 7 pm &ndash; 11:30pm</p>

            <p><strong>Cost:</strong> $4.25 with studentID</p>

         </dd>

         <dt>GreatHall Music Ball </dt>

       <dd><p><em>Ian…ock.</p>

            <p><strong>Location:</strong>Great Hall</p>

            <p><strong>Time:</strong> 8 pm &ndash;midnight</p>

            <p><strong>Cost:</strong> … ID</p>

         </dd>

      </dl>”;

      break;    

   }

      return eventHTML

}

Linking JS File Go to the bc_union.html file. Directly above the closing tag, insert a script element that links the page to the bc_today.js file. Defer the loading of the script until after the rest of the page is loaded by the browser Go to the bc_today.js file in your editor. At the top of the file, insert a statement indicating that the code will be handled by the browser assuming strict usage. Note that within the file is the getEvent0 function, which returns the HTML code for the daily events at the union given a day number ranging from 0 (Sunday) to 6 (Saturday) Variable Declaration Declare the thisDate variable containing the Date object for the date October 12, 2018. Declare the dateString variable containing the text of the thisDate variable using local conventions. Declare the dateHTML variable containing the following text string

date

where date is the value of the dateString variable Create the thisDay variable containing the day of the week number from the thisDate variable (Hint: Use the getDav method.) Function Call Using the thisDay variable as the parameter value, call the getEventO function to get the HTML code of that day’s events and store that value in a variable named eventHTML Page Elements Applying the value of the dateHTML plus the eventHTM variables before the end of the element contents. method to the page element with the ID “unionToday, insert the Show transcribed image text