Question: Exercise 7 : Step 2 of the Running Project - Adopt a Dog / Cat Following are the additions for the Pet Adoption Website started
Exercise : Step of the Running Project Adopt a DogCat
Following are the additions for the Pet Adoption Website started in assignment
Date and Time:
In the header area of your website, use JavaScript to display the current date and time with
second precision. The Time should automatically refresh and show the updated time every
second.
Browse Available Pets page:
Create a Browse Available Pets page pets.html linked from the side menu. Inside the
content area of this page, create a list of a couple of fictitious pets available for adoption.:
pets.html Include an image, along with the information found in the Have a pet to give
away page. Make sure the format of the page is easy to read and that the look is consistent
with the rest of your site.
Next to each pet, add a button labeled Interested In this iteration of the project, clicking
on the button need not do anything.
Find a dogcat page:
The form was created in the previous assignment. In this assignment, you are required to
implement clientside validation using JavaScript. Upon pressing the form's submit button,
ensure that no fields are left blank. If any fields are blank upon submitting the form, display
an error message, but retain the rest of the form as the user had input before, without
resetting the filled values.
Have a pet to give away page:
The form was created in the previous assignment. In this assignment, you are required to
implement clientside validation using JavaScript. Upon pressing the form's submit button,
ensure that no fields are left blank and that the provided email follows a valid format. If any
fields are blank or invalid upon submitting the form, display an error message, but retain the
rest of the form as the user had input before, without resetting the filled values.
Hint: Regular Expressions are your friend, but you should look up what a valid format for an email is
Note on URL Paths
Ensure that you consistently use "relative file paths" in your proj
Step by Step Solution
There are 3 Steps involved in it
1 Expert Approved Answer
Step: 1 Unlock
Question Has Been Solved by an Expert!
Get step-by-step solutions from verified subject matter experts
Step: 2 Unlock
Step: 3 Unlock
