Question: Task 2: Create the HTML and CSS code needed to reproduce the following web application interface. Extend your code by including the JavaScript & AJAX



Task 2: Create the HTML and CSS code needed to reproduce the following web application interface. Extend your code by including the JavaScript \& AJAX functionality listed in "Design Requirements". You must use the same layout and inclusions as shown below. Task 2: AJAX \& XML Hotek Combined: "Wollongong" Search Results This result set was last updated on 28/09/2022. Design Requirements: The heading text should be displayed within an h2 element. - The button must have a width value of 100par and a padding value of 10pa. - A background colour for the button should also be specified (see "Design Resources"). - The following actions must occur when the "5tart" button is clicked: 1. An AJAX script is called to access and read the "A5_TASK1.xml" file 2. A for loop is used to populate a table with the collected XML data (os shown in "Figure 2 ) 3. A switch statement is used to display a suitable "Star Rating" image (see "Design Resources") 4. An if/else if/else structure is used to set the "Overall Score" background colour The table heading text should be displayed within a caption element. - The caption must have a font size of 21pax and a matching bold style. - The caption should also have a top padding value of 30por and a bottom padding value of 10pat. - All hyperlinks must display their destination in a new window/tab. - The table should utilise th and td elements with a padding value of 10px and a font size of 20px. - A background colour for all th elements must be applied (see "Design Resources"). - The table should have a matching border, field alignment and centred position on the page. - All "Total Reviews" and "Overall Score" values must be presented as shown. - An : nth-child () pseudo-class should be used to shade even table rows (see "Design Resources"). - The text shown beneath the table must be displayed with in an h3 element. - The date should be presented in an Australian format [specifically as DD/MM/Mr ]. - The decision conditions and hexadecimal colour values are provided in the table below. Desien Resources
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
