Intro

Question 1

HTML creates the skeleton of a webpage, and JavaScript introduces ____

Answer 1

interactivity

Question 2

The SCRIPT element has an opening and closing tag. You can embed JavaScript code inbetween __

Answer 2

the opening and closing SCRIPT tags.

Question 3

You link to external JavaScript files with the ___

Answer 3

src attribute in the opening SCRIPT tag.

Question 4

By default, scripts are loaded and executed as soon as the HTML parser encounters them in the HTML file, the HTML parser waits to load the entire script before ___

Answer 4

proceeding to parse the rest of the page elements.

Question 5

The defer attribute ensures that __

Answer 5

the entire HTML file has been parsed before the script is executed.

Question 6

The async attribute will allow the HTML parser to __

Answer 6

continue parsing as the script is being downloaded, but will execute immediately after it has been downloaded.

Question 7

document.getElementbyId(‘sign’).hidden = true;

Answer 7

Hide an element b/c it doesn’t need to be loaded initially (not the same as setting CSS visibility property to hidden)

Question 8

let paragraph = document.querySelector('p');
document.body.removeChild(paragraph);

Answer 8

Remove 1st par in doc

Question 9

const parent = document.querySelector("#more-destinations");
const child = document.querySelector("#oaxaca");
parent.removeChild(child);

Answer 9

Select the element with the ID oaxaca and save it to a variable.
Select its parent, assigned an ID of more-destinations.
Remove the element using the .removeChild() method and passing in the variable containing the oaxaca element.

Question 10

let element = document.querySelector(“button”);

function turnButtonRed (){
	element.style.backgroundColor = "red";
  element.style.color = "white";
  element.innerHTML = "Red Button"; 
}

element.onclick = turnButtonRed;

Answer 10

Add interactivity to the button. Set the button background to red. Set the button font color to white. Connect the button element to the style function for a click event. Clicking the button will change the style.

Question 11

Define parent node.

Answer 11

In the DOM hierarchy, parent and children relationships are defined in relation to the position of the root node.

A parent node is the closest connected node to another node in the direction towards the root.

Question 12

Define child node

Answer 12

In the DOM hierarchy, parent and children relationships are defined in relation to the position of the root node.

A child node is the closest connected node to another node in the direction away from the root.

Question 13

What’s the DOM property that lets you access the parent and child nodes for each DOM element (including the first child)?

Answer 13

Each DOM element node has a .parentNode and .children property. The property will return a list of the element’s children and return null if the element has no children.

The .firstChild property will grant access to the first child of that parent element.

Question 14

What does DOM stand for?

Answer 14

Document Object Model

Question 15

Syntax for keypress event?

Answer 15

eventTarget.onkeypress = eventHandlerFunction;