DOM-events

Question 1

Why do we log things to the console?

Answer 1

For debugging and and inspecting our variables in the browser.
To check our data along the way.

Question 2

What is the purpose of events and event handling?

Answer 2

Events can trigger a particular function or code. Event handling (how code responds to users) updates the content of the web page

Question 3

What do[]square brackets mean in function and method syntax documentation?

Answer 3

That they are optional.

Question 4

What method of element objects lets you set up a function to be called when a specific type of event occurs?

Answer 4

event listener

addEventlistener

Question 5

What is a callback function?

Answer 5

a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.

Question 6

What object is passed into an event listener callback when the event fires?

Answer 6

function Object

Question 7

What is theevent.target? If you weren’t sure, how would you check? Where could you get more information about it?

Answer 7

Look it up on the MDN documentation.
Thetargetproperty of theEventinterface is a reference to the object onto which the event was dispatched.. It returns the element that triggered the event.

Question 8

What is the difference between these two snippets of code?

element.addEventListener(‘click’, handleClick)
element.addEventListener(‘click’, handleClick())

Answer 8

The second one indicates that the function should run as the page loads (rather than when the even fires).