Wes Bos

Question 1

How do you specify a css variable and reference it?

Answer 1

\:root{
      --base: #ffc600;
      --spacing: 10px; 
      --blur: 10px; 
    }

reference it example:
var(–spacing)

Question 2

How would you select all inputs on a page using vanilla js

Answer 2

document.querySelectorAll(‘input’)

Question 3

What is a data attribute?

Answer 3

An attribute that you’ve made up, can be made by simply writing data- and the attribute name

Question 4

What is dataset?

Answer 4

dataset is a object of all the data attributes on the page

Question 5

what is the target of the event

Answer 5

it is the thing that the event got triggered on

target can sometimes be the children of the element you are trying to focus on. this is tricky so watch out

example mousemove on a container element will have a target equal to the container but if you mousemove on a child h1 or child div then the new target will switch to the child element

this keyword will point to the event listener