From d431d51b6c3017bfd3f03094b676ede30049cf3d Mon Sep 17 00:00:00 2001 From: Andy Bettisworth Date: Mon, 8 Apr 2019 14:04:23 -0500 Subject: [PATCH] add newline spacing for readability of README --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 51e0a123e8..4e06953d91 100644 --- a/README.md +++ b/README.md @@ -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.