javascript-view-swapping

Question 1

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

Answer 1

The affect of setting an element to display: none is that it is no longer in the document flow and no longer visible.

Question 2

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

Answer 2

The element.matches() method takes a css selector as an argument and returns the boolean value true if the element has that selector and false if it does not.

Question 3

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

Answer 3

To retrieve the value of an element’s attribute call the method getAttribute(attribute name) with the attribute name as the argument and it returns the value of that element’s attribute.

Question 4

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

Answer 4

Each step of the way during the programming of anything you should console.log.

Question 5

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 5

To add things in without using event delegation would require new event listeners and event handlers for those new tabs.

Question 6

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 6

Without a loop, addEventListeners would need to be applied to each tab instead of to the tab container.