Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Interactive Web Pages with JavaScript Traversing and Manipulating the DOM with JavaScript Perform: Traversing Elements with querySelector

Posted by Rick Gates
Rick Gates
11,061 Points

Don't forget to remove class="editMode" from <li> and value="Go Shopping" from <input> for the Go Shopping list item.

One simple oversight:

The Go Shopping task list item in index.html is never modified to remove the class="editMode" attribute from the parent li element and the value="Go Shopping" attribute from the parent input element. Fixing this will help the task look like other normal To Do section tasks. Andrew mentioned early on in the project that the designer had written the HTML with those attributes preset to provide an example of what an input field looks like while in edit mode.

Before:

<li class="editMode"><input type="checkbox"><label>Go Shopping</label><input type="text" value="Go Shopping"><button class="edit">Edit</button><button class="delete">Delete</button></li>

After:

<li><input type="checkbox"><label>Go Shopping</label><input type="text"><button class="edit">Edit</button><button class="delete">Delete</button></li>

Rick