Dom-Events

Question 1

Why do we log things to the console?

Answer 1

to check our work. Confirm our assumption

Question 2

What is the purpose of events and event handling?

Answer 2

1. events are observing some type of actions to happen.

2. event handling is to execute a function based on that event.

Question 3

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

Answer 3

It is optional don’t have to include that.

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

Add event listener. –> broswer listening

Question 5

What is a callback function?

Answer 5

Function that is passed into another function

FUNCTION THAT WE DO NOT CALL!!! we give that autohrity to an object or something else!

Question 6

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

Answer 6

object that has all the information about the event and throws it as a first argument. (event!)

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

1. event.target is the property that triggers the event.

2. look up on MDN.

Question 8

What is the difference between these two snippets of code?

(‘click’, handleClick) Vs. (‘click, handleClick());

Answer 8

1. w/o () –> function definition.
2. w/ –>return value of function –> will return undefined.

If you pput () it will call back right away!, YOU DO not want that!
With anyonymous function, you can put another variable. (MORE DATA!), named function you CAN’T!!
in named function only can pass event parameter.