JavaScript View Swapping

Question 1

What is the event.target?

Answer 1

The target property of the event interface is a reference to the object onto which the event was dispatched

The element where the event was dispatched

Question 2

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

Answer 2

This key value pair will hide the targeted css selector

Question 3

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

Answer 3

The class attribute and it returns the attributes value

The CSS Selector matches the element

Question 4

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

Answer 4

// div Hi Champ! /div
// const div1 = document.getElementById('div1')
// returns div Hi Champ! /div 
// const exAttr = div1.getAttribute('id')
// return 'div1'

element.getAttribute();

Question 5

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

Answer 5

Every step

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

You would have an event listener to the .tab querySelector

You would have a lot more conditionals

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

You would have a lot of if statements

Each class for each tab would have to be unique