The site maintains your Movie Collection with the following functions: Adding movies. Deleting movies. Listing movies....
Fantastic news! We've Found the answer you've been seeking!
Question:
Transcribed Image Text:
The site maintains your Movie Collection with the following functions: Adding movies. Deleting movies. Listing movies. The site contains two pages - Main and Listing. Include a background image of your choice for all the pages. Fill the entire page with the image (you can cover the page with one image or repeating images). Make sure the image is transparent enough for readability (you can use the same image for all the pages). Store the movies to localStorage. Each movie contains the following information: Data Items Id Transaction Date Movie Name Genre In theatres year Director Male Leading Actor Female Leading Actor Rating Comments Required Yes Yes Yes Yes Yes Yes Yes DataType String String String String Number String String String Number String Comments Generated by the application and use as Key Use current data - Data() -- -- 1 to 5 (low to high) Use Main Page (index.html): This page has header, content, and footer areas: The header contains: o An h2 "My Movie Collection" and includes Assignment #1 / Your Name / Your Student Number on the next line. o A link/button links to the Listing Page. The content area contains: o An HTML form that includes all the inputs as indicated above. O A SUBMIT button to add the movie to localStorage using the Id as key: Generate the Id and use it as key. Use current date as Transaction Date. A confirmation prompt is required before addition. Display a confirmation message and reset all input fields after addition. o A RESET button to reset all inputs fields. The footer includes Your Login Name / Your Campus. Listing Page: The Listing Page has header, content, and footer areas: The header contains: o An h2 "Movie Listing". o A link button links back to the Main Page. The content area contains two container elements stacked up on top of each other: o The top element contains: List the Ids and Movie Names of the items retrieved from localStorage. When an item is selected (with a click event) from the list, display the details of the selected movie in the bottom container. o The bottom container: Displays the movie details selected from the top container. A button to delete the selected movie from localStorage: A confirmation prompt is required before deletion. Clear movie details and display a confirmation message after deletion. The footer includes Your Login Name / Your Campus. How I will be grading... I will use Chrome's Toggle Device Bar for iPhone 12 Pro in Portrait mode. Remember, this is a mobile site so formatting and layout should reflect this; too much scrolling or whitespace will reduce your mark. The site maintains your Movie Collection with the following functions: Adding movies. Deleting movies. Listing movies. The site contains two pages - Main and Listing. Include a background image of your choice for all the pages. Fill the entire page with the image (you can cover the page with one image or repeating images). Make sure the image is transparent enough for readability (you can use the same image for all the pages). Store the movies to localStorage. Each movie contains the following information: Data Items Id Transaction Date Movie Name Genre In theatres year Director Male Leading Actor Female Leading Actor Rating Comments Required Yes Yes Yes Yes Yes Yes Yes DataType String String String String Number String String String Number String Comments Generated by the application and use as Key Use current data - Data() -- -- 1 to 5 (low to high) Use Main Page (index.html): This page has header, content, and footer areas: The header contains: o An h2 "My Movie Collection" and includes Assignment #1 / Your Name / Your Student Number on the next line. o A link/button links to the Listing Page. The content area contains: o An HTML form that includes all the inputs as indicated above. O A SUBMIT button to add the movie to localStorage using the Id as key: Generate the Id and use it as key. Use current date as Transaction Date. A confirmation prompt is required before addition. Display a confirmation message and reset all input fields after addition. o A RESET button to reset all inputs fields. The footer includes Your Login Name / Your Campus. Listing Page: The Listing Page has header, content, and footer areas: The header contains: o An h2 "Movie Listing". o A link button links back to the Main Page. The content area contains two container elements stacked up on top of each other: o The top element contains: List the Ids and Movie Names of the items retrieved from localStorage. When an item is selected (with a click event) from the list, display the details of the selected movie in the bottom container. o The bottom container: Displays the movie details selected from the top container. A button to delete the selected movie from localStorage: A confirmation prompt is required before deletion. Clear movie details and display a confirmation message after deletion. The footer includes Your Login Name / Your Campus. How I will be grading... I will use Chrome's Toggle Device Bar for iPhone 12 Pro in Portrait mode. Remember, this is a mobile site so formatting and layout should reflect this; too much scrolling or whitespace will reduce your mark.
Expert Answer:
Answer rating: 100% (QA)
1 HTML Structure Main Page indexhtml DOCTYPE html html langen head meta charsetUTF8 meta nameviewport contentwidthdevicewidth initialscale10 title My ... View the full answer
Related Book For
Auditing and Assurance services an integrated approach
ISBN: 978-0132575959
14th Edition
Authors: Alvin a. arens, Randal j. elder, Mark s. Beasley
Posted Date:
Students also viewed these programming questions
-
Tony is the owner of a sporting goods store. He interviews 10 people for the post of store manager and eventually selects Anya. Tony emails Anya to let her know that she has been selected for the...
-
Planning is one of the most important management functions in any business. A front office managers first step in planning should involve determine the departments goals. Planning also includes...
-
The Crazy Eddie fraud may appear smaller and gentler than the massive billion-dollar frauds exposed in recent times, such as Bernie Madoffs Ponzi scheme, frauds in the subprime mortgage market, the...
-
Each of the following passages may be plausibly criticized by some who conclude that it contains a fallacy, but each may be defended by some who deny that the argument is fallacious. Discuss the...
-
Briefly define the various architectures named in Figure 4.8.
-
Show that F = {2yz -xy, y, yz - z} has a vector potential and find one?
-
True or False: A successful impact analysis of a motor end bracket can be accomplished with the rotor at rest in sleeve bearings.
-
Short-term financial planning for the PDC Company was described earlier in this chapter. Refer to the PDC Companys projected monthly operating schedules in Table 6.2. PDCs monthly sales for the...
-
a . Prepare an income statement according to the absorption costing concept. Gallatin County Motors Inc. Absorption Costing Income Statement For the Month Ended July 3 1 Sales $Sales 1 , 8 8 5 , 0 0...
-
On January 1, 2015, 100% of the outstanding stock of Solo Company was purchased by Plato Corporation for $3,300,000. At that time, the book value of Solo's net assets equaled $3,000,000. The excess...
-
Unit 02 Digital Devices True/False 1. Intel Corporation is the world's largest chipmaker and supplies a sizeable percentage of the microprocessors that power desktops and laptops. 2. x86 processors...
-
Silver Company manufactures kites and has the following information available for the month of April: Work in process, April 1 (100% complete for materials, 40% for conversion) Direct materials...
-
How does perception influence interpersonal communication?
-
You are the marketing and communications director for a large chain of retail stores. One of your stores was recently hit by a tornado and the concrete walls fell in, crushing dozens of people to...
-
Think of a business idea or consider an idea you already have. Go over the template presented in this assignment to find out what exactly needs to be included in your plan. Please pay attention to...
-
How can students use all the knowledge gained from psychology courses in the world to develop an Applied Psychology Project?
-
The following schedule relates the income statement with cash flows from operating activities, derived by both the direct and indirect methods. Some elements necessary to complete the schedule are...
-
From 1970 to 1990, Sri Lanka's population grew by approximately 2.2 million persons every five years. The population in 1970 was 12.2 million people.What is the best formula for P, Sri Lanka's...
-
List four examples of interest-bearing liability accounts commonly found in balance sheets. What characteristics do these liabilities have in common? How do they differ?
-
You are evaluating audit results for current assets in the audit of Quicky Plumbing Co. You set the preliminary judgment about materiality for current assets at $15,000 for overstatements and at...
-
Below are ten independent risk factors: 1. The client lacks sufficient working capital to continue operations. 2. The client fails to detect employee theft of inventory from the warehouse because...
-
Consider the situation illustrated in Figure 25. 11. A positively charged particle is lifted against the uniform electric field of a negatively charged plate. Ignoring any gravitational interactions,...
-
A positively charged particle is moved from point A to point B in the electric field of the massive, stationary, positively charged object in Figure 25. 12. (a) Is the electrostatic work done on the...
-
Figure 25. 13 shows both the electric field lines and the equipotentials associated with the given charge distribution. (a) Is the potential at point A higher than, lower than, or the same as the...
Study smarter with the SolutionInn App