Question: Task 2 : AJAX & XML Start 3 / 8 Hotels Combined: Wollongong Search Results : Result# Hotel Name Star Rating Total Reviews Overall Score

Task 2: AJAX & XML Start 3/8 Hotels Combined: "Wollongong" Search Results : Result# Hotel Name Star Rating Total Reviews Overall Score 1 Novotel Wollongong Northbeach 3,2097.92 Sage Hotel Wollongong 3,0927.63 Adina Apartment Hotel Wollongong 1,0968.34 Quality Suites Pioneer Sands 6128.25 Mantra Wollongong 1,4117.06 Boat Harbour Motel 2,8267.97 Solomon Inn Wollongong 1,4647.18 Best Western City Sands 1,6558.29 Flinders Motel 6976.910 Beach Park Motel 1195.4 This result set was last updated on 22/02/2024. Design Requirements: The heading text should be displayed within an h2 element. The button must have a width value of 100px and a padding value of 10px. A background colour for the button should also be specified (see "Design Resources"). The following actions must occur when the "Start" 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 (as 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 21px and a matching bold style. The caption should also have a top padding value of 30px and a bottom padding value of 10px. All hyperlinks must display their destination in a new window/tab.- Page 3 of 8-- DPIT128 Assignment 5 Specification - 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"). page. The table should have a matching border, field alignment and centred position on the All "Total Reviews" and "Overall Score values must be presented as shown. An :nth-child() pseudo-class should be used to shade even

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!