js view swapping

Question 1

What is the event.target?

Answer 1

the element that received the input/event

Question 2

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

Answer 2

Removes it from the document flow

Question 3

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

Answer 3

takes a CSS selector in the form of a string, returns boolean true/false

Question 4

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

Answer 4

element[attribute]

Question 5

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

Answer 5

what?

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

no change?

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

when one tab is clicked, set display: none for all of them, then immediately set display: flex for the one clicked