Step through JavaScript

Get used to using the console to look for errors.

One common way to debug is to use console.log() to inspect values at specific points or add in alerts.

Also it maybe better to use break points for event listeners. In the sources section you can step through each function.

Is there a resource you can point me to, how to do so? When I open the Inspect window, it shows information about the web page, but not the code I'm looking for (e.g., the code that's behind a button, for example).