Skip to content
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
images
js
.gitignore
README.md
index.html

README.md

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!
You can’t perform that action at this time.