Can I get a solution to this question

Pacific Trails Resort See Chapter 2 for an introduction to the Pacific Trails case study. Figure 2.40 shows a site map for the Pacific Trails Resort website. The pages were created in earlier chapters. You have three tasks:

Create a new folder for this Pacific Trails case study.

Add an alert message that displays a message when the browser renders the Yurts page (yurts.html).

Add the date that the document was last modified to the bottom of the Home page (index.html).

Hands-On Practice Case Study TASK 1: THE WEBSITE FOLDER. Create a folder called pacific14. Copy all of the files from your Chapter 9 pacific9 folder into the pacific14 folder.

TASK 2: DISPLAY AN ALERT MESSAGE ON THE YURTS PAGE. Launch a text editor and open the yurts.html file. You will configure the yurts.html page so that an alert message will pop up when the page is displayed in the browser.

You have the option to complete this task with JavaScript or to complete this task with jQuery.

OPTION 1: USING JAVASCRIPT.

Edit the body tag as follows:

The load event occurs when the web page begins to load in the browser. The onload event handler in this case pops up an alert message.

Save the file and test it in the browser. Your display should be similar to Figure 14.32.

Figure 14.32 A message displays when the Yurts page is loaded by the browser

Figure 14.32 Full Alternative Text OPTION 2: USING JAVASCRIPT AND JQUERY. Modify the page as follows:

Add a script tag in the head section to access a jQuery CDN.

Code a jQuery script block that includes the ready event. Code JavaScript within the ready event to display an alert box with the message, Today only10% off on a weekendcoupon code ZenTen.

Save the file and test it in the browser. Your display should be similar to Figure 14.32.

TASK 3: ADD A DATE TO THE HOME PAGE. Launch a text editor and open the index.html file. You will add the date that the document was last modified to the bottom of the index.html page.

You have the option to complete this task with JavaScript or to complete this task with jQuery.

OPTION 1: USING JAVASCRIPT.

In the footer area after the e-mail link, add a script block contained within a div element that will write the following message to the document: This page was last modified on: date

Use the document.lastModified property to print the date.

Save the index.html page and test it in the browser. You should see the new information in the footer area below the e-mail address.

OPTION 2: USING JAVASCRIPT AND JQUERY. Modify the page as follows:

In the footer area after the e-mail link, code a div element.

Add a script tag in the head section to access a jQuery CDN.

Code a jQuery script block that includes the ready event and uses the html() method to display the message This page was last modified on: and the document.lastModified value within the new div.

Save the index.html page and test it in the browser. You should see the new information in the footer area below the e-mail address.