Question

I use web developer tools to inspect html and subsequently see the css that is attached to the html element. This is proving to be a great process for learning from other websites (and the debugging my own)

Is there a way to inspect the javascript as well? So when I select the element, to be able to see the javascript related to the element?

Answer 1

In the element panel you can find all information related to an element including events attached to it.

You can use console in the element panel to inspect an element using dir(elementId)which dumps the object with the given id, as a JavaScript object with its properties.