Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

dom-playground/README.md

Go to file
 
 
Cannot retrieve contributors at this time
DOM Playground Instructions Rules What You Need to Know
28 lines (21 sloc) 965 Bytes
Raw Blame
Open in GitHub Desktop

DOM Playground

Instructions

Fix the page design and layout by modifying the DOM. When complete, your page should look like the original, "Wicked Grove" design.

You'll need to look for the comments found in the index.html file. Follow the instructions in each comment, but do not modify the HTML or CSS file. All modifications must be done in JavaScript. Use the js/fix-the-page.js file for your DOM modifications.

Rules

  1. You may not modify the HTML file.
  2. You may not modify the CSS file.

You can use the original HTML and CSS files for reference.

What You Need to Know

This assignment is designed to test your knowledge of the following JavaScript features:

  • document.querySelector()
  • document.createElement()
  • element.appendChild()
  • element.innerHTML
  • element.style
  • element.attribute
  • element.classList.add()
  • Array.forEach()
  • The DOM
  • Object Literals {}
  • ... and more!