dom-events

Question 1

Why do we log things to the console?

Answer 1

debugging, confirming values or outcomes from code, communicating with other devs working on the project

Question 2

What is the purpose of events and event handling?

Answer 2

events let us know something has occured. Event Handling allows us to take an action based on what event has occured such as running a function or changing the display of the website.

Question 3

Are all possible parameters required to use a JavaScript method or function?

Answer 3

yes

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

addeventlistener

Question 5

What is a callback function?

Answer 5

it is a method of an object that is called when a specific type of event occurs

Question 6

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

Answer 6

an event object

Question 7

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

Answer 7

the event.target property refers to the element that the event occurred on. you can console log it. you can open inspector to get more info.

Question 8

What is the difference between these two snippets of code?
element.addEventListener(‘click’, handleClick)
element.addEventListener(‘click’, handleClick())

Answer 8

handleClick is a reference to the function, and the function is not called until the element is clicked.

In the second case, handleClick() is actually invoked immediately, and the result of the function is passed to addEventListener as the event handler.