The program must work per specifications.
computer science
Description
Instructions:
- The program must work per specifications.
- The main function should use fetch to read in this JSON file: '/~tpollard/csci212/data/warhol.json'
- Then convert the JSON data string into a JavaScript object.
- Pass the object to a function that processes the object and builds the new DOM nodes.
- Read the contents of the template element from the DOM.
- Loop through the object.
- Read a record from the object.
- Make a clone of the template using cloneNode.
- Add the 'title' value from the object to the contents of the <h1> tag.
- Add the 'url' value from the object to the 'href' attribute of the <a> tag.
- Add the 'inscription' value from the object to the 'alt' attribute of the <img> tag.
- Add the first image (images[0]) value from the object to the 'src' attribute of the <img> tag.
- Add the 'inscription', 'mediumTechnique', and 'dating' values from the object to the contents of the <p> tag. Format the 3 variables so there is one space between each variable.
- Add the 'credit' value from the object to the contents of the <footer> tag.
- Add the article clone to the DOM fragment.
- After all the articles have been added to the DOM fragment add the fragment to the DOM.
Instruction Files
index.html
833.0 Bytes
