dom-events

Question 1

Why do we log things to the console?

Answer 1

For debugging properties

Question 2

What is the purpose of events and event handling?

Answer 2

Events help determine how the user interacts with the web page. Event handling helps us create actions around their interactions.

Question 3

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

Answer 3

Access properties or the index value of an array.

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.

Question 5

What is a callback function?

Answer 5

A function being passed as an argument to another function.

Question 6

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

Answer 6

The 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

It shows the target that the event occured on. console.log. the event object

Question 8

What is the difference between these two snippets of code?

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

Answer 8

The latter’s callback function is being called immediately the event listener runs while the former is being passed to allow the element to determine when the function runs.