Problem 3- XML, JSON, and AJAX Assume the following XML document: John Doe 76 74 68 student id="2"> Jane Doe 81 82 83 You should create an HTML page that allows the user to enter either the ID of a student or his/her name. Upon pressing a button "Get results", the request is sent via AJAX to XML file above. The result of your request should show on the HTML page the detailed info about the student in question and his/her final average. To compute the final average, you should get the weights of the exams from a JSON file named "weights.json" whose structure is as follows: (examl: 0.2, exam2: 0.3, finalexame: e.5 And then do the math as shown in the images below. The results should go into the div whose id is "divresults" Run 1 IDI Name Get Student Grades Grades report ID: 1 Name: John Doe Exam 1: 76 Exam 2: 74 Final Exam: 68 Final Score: 71.4 Run 2 ID Name Get Student Grades Grades report ID: 2 Name: Jane Doe Exam 1: 81 Exam 2: 82 Final Exam: 83 Final Score: 82.3 Problem 3- XML, JSON, and AJAX Assume the following XML document: John Doe 76 74 68 student id="2"> Jane Doe 81 82 83 You should create an HTML page that allows the user to enter either the ID of a student or his/her name. Upon pressing a button "Get results", the request is sent via AJAX to XML file above. The result of your request should show on the HTML page the detailed info about the student in question and his/her final average. To compute the final average, you should get the weights of the exams from a JSON file named "weights.json" whose structure is as follows: (examl: 0.2, exam2: 0.3, finalexame: e.5 And then do the math as shown in the images below. The results should go into the div whose id is "divresults" Run 1 IDI Name Get Student Grades Grades report ID: 1 Name: John Doe Exam 1: 76 Exam 2: 74 Final Exam: 68 Final Score: 71.4 Run 2 ID Name Get Student Grades Grades report ID: 2 Name: Jane Doe Exam 1: 81 Exam 2: 82 Final Exam: 83 Final Score: 82.3