Kyle-Jackson / html-rearranger

Use Javascript & jQuery to manipulate an HTML file an rearrange the content.

HTML rearranger

• Approx. completion time: 1 hour
• Deliverables: 1 HTML file, 1 JS file

---

Use Javascript & jQuery to manipulate an HTML file an rearrange the content.

• Fork this repository.
• DO NOT change the HTML.
• Use Javascript & jQuery to perform the following manipulations to the HTML:
  1. Create a heading: “Below ground veggies”.
  2. Create a list to hold the below ground veggies.
  3. Add the heading and list to the document.
  4. Create a second heading for “Above ground veggies” and add it to the document.
  5. Create a list to hold the above ground veggies and add it to the document.
  6. Loop over the veggies that exist in the HTML currently and add them to the appropriate list.
  7. Remove the veggies from the old list.
  8. Completely remove the original list.
• Run it through Markbot and make sure it passes all the checks.

---

Goal

Visually match the images in the “screenshots” folder.

• Final screenshots in the “screenshots” folder.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.