[Debug] Use Chrome DevTools console utilities to make debugging easier

Chrome DevTools provide many handy utility functions that we can use to make debugging faster and easier so we can fix the bug and move on.

In this lesson we are going to learn how to use $, $$ utilities built-in in Chrome DevTools to get references to single and many DOM elements and how to use $0 - $4 variables to reference object selected using Inspect Element tool.

// $('') just like querySelector, return first matching result
$('button#firstButton")

// $$("") return all the matching result
$$('button')