Skip to content

ltw-webdev-javascript/html-rearranger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

summary time deliverables
Use Javascript & jQuery to manipulate an HTML file an rearrange the content.
1 hour
1 HTML file, 1 JS file

HTML rearranger

Overview

  • Fork this repository.
  • 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.
  • DO NOT change the index.html file’s code.
  • 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 online.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages