javascript-view-swapping

Question 1

What is the event.target?

Answer 1

element where the event occurs.

Question 2

What is the affect of setting an element to display: none?

Answer 2

Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). descendants elements also have their display turn off.

Question 3

What does the element.matches() method take as an argument and what does it return?

Answer 3

It takes a string representing the selector to test as an argument.
Result is a Boolean.

Question 4

How can you retrieve the value of an element’s attribute?

Answer 4

getAttribute() method

Question 5

At what steps of the solution would it be helpful to log things to the console?

Answer 5

Any time you would like to check your code. After you create a variable, create a query, etc.

Question 6

If you were to add another tab and view to your HTML, but you didn’t use event delegation, how would your JavaScript code be written instead?

Answer 6

addEventListener to each of the buttons/tabs

Question 7

If you didn’t use a loop to conditionally show or hide the views in the page, how would your JavaScript code be written instead?

Answer 7

Multiple conditions.