Skip to content

Commit

Permalink
add newline spacing for readability of README
Browse files Browse the repository at this point in the history
  • Loading branch information
wurde committed Apr 8, 2019
1 parent c66bab7 commit d431d51
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,22 +26,27 @@ You have been provided a [JSON object](js/index.js) with all the necessary data
* [ ] Your project manager will count the project as complete by merging the branch back into master.

## Task 1: Create selectors to point your data into elements

* [ ] Create selectors by using any of the DOM element's methods
* [ ] Note that IDs have been used on all images. Use the IDs to update src path content

## Task 2: Update the HTML with the JSON data

* [ ] Remember, NO direct updating of the HTML source is allowed.
* [ ] Using your selectors, update the content to match the example file.
* [ ] Remember to update the src attributes on images

## Task 3: Add new content

* [ ] Change the color of the navigation text to be green.
* [ ] Utilize `.appendChild()` and `.prepend()` to add two new items to the navigation system. You can call them whatever you want.
* [ ] Check your work by looking at the [original html](original.html) in the browser

## Stretch Goals

* [ ] Update styles throughout the page as you see fit. Study what happens when you updated the DOM using style in JavaScript.
* [ ] Study tomorrow's lesson on events and try to integrate a button that can update content on the site with a click of a button. You could build a similar data object with new values to help you test the click event.

## Stretch Project: Digital Timer

This project is heavier on logic but employs some DOM manipulation to achieve it's goals. Go check it out here: [stretch assignment](stretch-assignment) and see how far you can get.

0 comments on commit d431d51

Please sign in to comment.