Question: Hello, I need some help on this case study. Thanks! Hands-On Practice Case Study Task 1: Create a Folder. Create a folder called fishcreek14. Copy

Hello, I need some help on this case study. Thanks!

Hands-On Practice Case Study

Task 1: Create a Folder. Create a folder called fishcreek14. Copy all the files from your Chapter 9 fishcreek9 folder into the fishcreek14 folder.

Task 2: Add a Date to the Home Page. Modify index.html (I've added the html code below) Add the date that the document was last modified to the bottom of the index.html page.

Complete the task using JavaScript (Option 2 is to complete this task using JQuery, but we're working specifically with JavaScript this week, and it's simpler with JavaScript, in my opinion)

- index.html -

Fish Creek Animal Hospital

Fish Creek Animal Hospital

Option 1: Using JavaScript. Modify the page as follows:

In the page footer section after the e-mail link, add div element that contains a script block 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.

Task 3: Add Form Data Validation to the Contact Page. Edit the contact.html file. You will configure form data validation to the Contact page that requires an e-mail address to be entered. (I've included the html code below)

- contact.html -

Fish Creek Animal Hospital Contact

Fish Creek Animal Hospital

Option 1: Using JavaScript.

Add a script block to the head section as follows:

 

Edit the

tag as follows:

Remove the HTML5 required attributes from the input and textarea elements. Remove the * from the name and comments labels. Verify that the input textbox that accepts the visitors e-mail address has a name attribute with the value of myEmail. Sample code is

 

Save the file and load it in a browser. Test it by clicking the submit button without typing in the e-mail input box. The alert box should pop up and the form should not be submitted (see Figure 14.31). Test it again by entering information in the e-mail input box and submit again. The form should be submitted successfully and a confirmation page should appear.

Hello, I need some help on this case study. Thanks! Hands-On Practice

Figure 14.31

Fish Creek Animal Hospital Contact page

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!