Permalink
Cannot retrieve contributors at this time
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 fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
28 lines (21 sloc)
965 Bytes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# DOM Playground | |
## Instructions | |
Fix the page design and layout by modifying the DOM. When complete, your page should look like the original, "[Wicked Grove](http://www.csszengarden.com/006/)" 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! | |