Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

For this assignment, you will need to create the following files in a folder using your Last name followed by your first name followed by

For this assignment, you will need to create the following files in a folder using your Last name followed
by your first name followed by -Homework2 to name it. After completing the assignment, zip the
project directory and turn in via blackboard by the due date.
1.(20%) Create a simple, static web page (index.html) which contains a list of at least 30 games (NOTE:
I do NOT need to see your code for this)
a.(5%) The title of the page and the heading on the page should read List of Games.
b.(10%) The games should be in an HTML table that shows each field of each Game in your list.
i.(3%) The HTML table should have a header row which identifies which fields are which
2.(20%) Create a page (addGame.html) which has a form with the following elements:
a.(3%) The action should be addGame.html and the method should be GET
b.(4%) The form should have input text fields for GID, name, and price
c.(3%) The form should have two select boxes to select from a list of systems available and to
select from a list of genres
d.(2%) The form should include a submit button and a reset button
e.(5%) The title of the page and the heading on the page should read Add New Game.
3.(20%) Make the site into a website
a.(10%) All pages should have links to the other pages (use a css navigation bar and make sure to
identify the page the user is on)
b.(10%) For all pages, use an external style sheet to beautify the pages in some way.
i. On the index page, alternate the colors of the rows using CSS
4.(40%) For the add game page, add Javascript validation for the input fields: GID, name, and salary in
the same manner as performed in class. Javascript should be in the same web page as the form and
be in the header as a method.
a. None of these fields should be blank
b. Ranges for the numbers (must be numbers):
i. GID: 100000 and 999999
ii. Price: 0 or greater
c.(5%) Do not let the form submit if any of the checked fields are invalid once the user clicks
submit
d.(10%) Use a single alert to show all fields that are invalid once the user clicks submit
e.(10%) Change the color of the label and indicate what is wrong for each field after the user clicks
submit

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Essential SQLAlchemy Mapping Python To Databases

Authors: Myers, Jason Myers

2nd Edition

1491916567, 9781491916568

More Books

Students also viewed these Databases questions