Tutorial 1
Using an instance of the XMLHttpRequest object, you should query the server tmaserv.scem.uws.edu.au to retrieve and insert the supplied information into the DOM inside the section tag of start.html. You should retrieve two items of information, from the following links:
- the contents as a simple HTML fragment.
- Each of the fruit names and descriptions, with the name being a heading and the description a paragraph from https://tmaserv.scem.uws.edu.au/fruit.json.
This should be parsed, processed and output through the use of javascript rather than simply pasting the text into the DOM.
For each of the questions above you should start with a fresh version of start.html. You may add any attributes you wish to the HTML, however your code must respect the rules for attributes.
These tasks will be used in Tutorial Set D as Questions 1 and 2.
Tutorial 2:
Using an instance of the XMLHttpRequest object, you should query the server tmaserv.scem.uws.edu.au with the ultimate aim of inserting data into the section tag of start.html.
You should:
1. Use the Do Exercise button to retrieve and store the JSON data from https://tmaserv.scem.uws.edu.au/fruit.json into local storage WITHOUT displaying to the screen. This data contains the fruit names and descriptions.
2. Continue the page used in the above question (Question 1) and create a second button. This button will run a second function (created by you) to read the information stored in the local storage. The information should then be displayed to the screen by inserting it into the section tag. The information should be displayed with the name being a heading and the description a paragraph.
You may add any attributes you wish to the HTML, however your code must respect the rules for attributes.
These tasks will be used in Tutorial Set D as Question 3.
Final Result Files:
You should submit the results of the Weeks 9 and 10 exercises as Tutorial Set D.
You must submit 3 files as a ZIP archive, any other archive format (for example RAR, TAR, TAR.GZ, 7Z etc) will not be accepted and a mark of zero (0) will automatically awarded.
Each of the three files must be named -set-d-question-.html where is your student ID, and is the question number. Week 9's work is questions 1 & 2, Week 11's work is question 3. Failure to follow this naming scheme will also result in a mark of 0.
If you use an external framework like jQuery for any of the exercises you will receive a mark of 0, for that question.
The name of the ZIP file does not matter, and you MUST NOT submit a coversheet.
Submit your file via the submission link below, it will be marked according to the attached rubric.
By submitting you certify that:
- you hold a copy of this assignment if the original is lost or damaged.
- you hereby certify that no part of this assignment or product has been copied from any other student's work or from any other source except where due acknowledgment is made in the assignment.
- No part of the assignment/product has been written/produced for me by any other person except where collaboration has been authorised by the subject lecturer/tutor concerned
Attachment:- start.rar