Coding Question

This problem to be solved on your computer using jQuery. You are permitted to use any previous course material or class notes to solve it.

Instructions:

Create a new folder called Midterm_Exam Make sure that the links to jQuery.js and the possible css file are valid and fully functional. I should be able to test your submission without adding any library reference. upload your final solution as a zipped folder here

Important note: Academic integrity rules for this question in specific will be strictly enforced. Any kind of unjustified similarity in codes will be treated as a possible case for breach of academic integrity.

Problem: You have been asked to create a jQuery Mobile website according to the following instructions/contents:

First screenshot (first from left) shows the original page. Once any of the two links has been clicked, one of the other two screenshots (2 or 3) will be displayed accordingly in the same browser window. The upper part of the pages is a header and the lower part is a footer with a navigation bar. All buttons on header and footer have hyperlinks to their designated urls. Furthermore, clicking on the show page popup will display a dialog window that carries your name followed by your email address in the second line.

The data comes from aircrafts.json file with the following contents: (you may copy and paste the code below into a file in your VSC IDE named aircrafts.json in your working directory).

Note: use google to download any suitable images for these two types of aircrafts (boeing.jpg and airbus.jpg)

Hint: in order to access a specific array element from the retrieved json data, you can use the index (subscript) for the intended item. i.e., let t = $(data.aircraft)[0]

aircrafts.json

{

"aircraft":[

{

"name":"Boeing",

"country": "USA",

"pic": "boeing.jpg",

"description": "The U.S. plane maker, the country's largest exporter, delivered 763 jets to customers across the globe in 2017."

},

{

"name":"Airbus",

"country": "European Union",

"pic": "airbus.jpg",

"description": "The E.U. plane maker, Airbus, delivered a company-record of 718 aircrafts in 2017."

}

]

}