From the course: Learning JavaScript Debugging

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Debugging without a debugger

Debugging without a debugger - JavaScript Tutorial

From the course: Learning JavaScript Debugging

Start my 1-month free trial

Debugging without a debugger

- [Instructor] In this video, we're going to look at basic debugging without a debugger using in-browser developer tools and the basics of the console API. So I'm looking here at an example file. This is from a fictitious business called hansel and petal. Just an example business we have for courses here, and I have this page with some available bouquets. The expected behavior is that if I click any of these flower images, it's gonna load in a little lightbox. If I click the images though, it loads the image directly, no JavaScript happening here. So something is clearly broken and we need to find out why. To do that, we're going to open the developer tools. In Chrome, I can go to the view menu, developer, and open the developer tools. I can also use Command + Option + I on a Mac. And right now, it's loaded up over here on the right side. In this little dot menu, I have some various options for where I can place it. I can put it down here at the bottom, and I'm also going to make it a…

Contents