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 Breaking on Events and Basic Stepping

Doron Geyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Doron Geyer
Full Stack JavaScript Techdegree Student 13,897 Points

Difference to video- chrome dev tools

I have found that when following the video , Joel has label highlighted and if you click on it it takes you to the position of the element in the index.html file in chrome sources tab.

In my dev tools there is no highlight of label it is not a clickable link. Also if I go to sources tab and I change some items on the page(checkboxes), the sources tab doesnt update states in the HTML. is there a way for me to update the sources tab as I make changes?

what I mean by this is clicking the checkbox causes a class to be added to the li element however it doesnt show that in the sources tab. Is that normally how it works?

2 Answers

Begana Choi
PLUS
Begana Choi
Courses Plus Student 13,126 Points

actually I posted the same question and I've just found an answer. when listItem defined as label, you can see on the scope tap defined as label and you can click it and it will jump to element.

I have the same exact thing happening as well.. not sure what I''m doing wrong.. or how to update the Sources tab.