how to set DOM Breakpoints in chrome

Question

I\'m trying to follow the tutorial here.

I\'m stuck on the section DOM Breakpoints (near the bottom).

I went to the example site they are ta

Answer 1

1. open element panel on devTools.
2. inspect or find out the DOM element.
3. right click on it and select break on...

Subtree Modifications A subtree modification breakpoint is triggered when a child element is added, removed, or moved.

Attributes Modifications An attribute modification occurs when the attribute of an element (class, id, name) is changed dynamically.

Node Removal A node removal modification is triggered when the node in question is removed from the DOM.

Provide a exercise link here, Enjoy :) DOM Breakpoints Exercise‎