Intro to JavaScript in HTML quiz

Consider the following code segment:

Which of the following code segments would successfully access the list item with the id “list-one”?

A. document.getElementById("list-one");
B. document.getElementsByTagName("li")[1];
C. document.getElementsByTagName("ul")[0].firstElementChild;

• A only

• 
  A and B only

• A and C only

• A, B and C

Consider the following code segment:

A programmer stores the ul tags in a list:

var list = document.getElementsByTagName("ul");

Which of the following code segments would successfully append the element newListItem as the first child in the ul element?

• list.appendChild(newListItem);

• list[0].appendChild(newListItem);

• list[0].insertBefore(document.getElementById("list-one"), newListItem);

• list[0].insertBefore(newListItem, document.getElementById("list-one"));

A programmer creates a new div:

var div = document.createElement("div");

Which of the following lines of code will correctly style this element with the background color blue?

• div.style.background-color = "blue";

• 
  div.style.backgroundColor.blue;

• div.style.backgroundColor = "blue";

• div.background-color.blue;

A programmer creates a new div:

var image = document.createElement("img");

Which of the following lines of code will correctly assign this element the image “kitten.jpg”?

• image.setAttribute("src", "kitten.jpg");

• 
  image.setAttribute("kitten.jpg", "src");

• image.setAttribute("href", "kitten.jpg");

• image.setAttribute("kitten.jpg", "href");

  
  

A programmer wants to create a function that turns the color of any element clicked to red. They write the function:

But when they try to run it, the div doesn’t turn red. How can they fix their function so that it works correctly with the event listener?

• Add a parameter element so they element being called can be passed to the function.

• 
  Add a parameter this so they element being called can be passed to the function.

• Change element.setAttribute to this.setAttribute.

• background-color should be written backgroundColor.

A programmer wants to create a function that alerts the user they clicked a button. They write the function:

function buttonAlert() {

alert("You clicked a button!");

}

How can this programmer add this as an inline style to a button element?

• <button onclick = "buttonAlert"></button>

• <button onclick = "buttonAlert()"></button>

  
  

• <button click = "buttonAlert"></button>

  
  

• <button click = "buttonAlert()"></button>

  
  

Assuming that both elements started at the x-coordinate 0 on the webpage, how many pixels has the element with the id “outer” moved along the x axis?

• 5 pixels

• 
  10 pixels

• -5 pixels

• 0 pixels

Assuming that both elements started at the x-coordinate 0 on the webpage, how many pixels has the element with the id “inner” moved along the x-axis?

• 5 pixels

• 
  10 pixels

• -5 pixels

• 0 pixels

Assuming that both elements started at the x-coordinate 0 on the webpage, how many pixels has the element with the id “inner” moved along the x axis?

• 5 pixels

• 
  10 pixels

• -5 pixels

• 0 pixels

Where should var time = setInterval(move, 100) and clearInterval(timer) be placed in this code segment in order to get it to work correctly?

• setInterval on Line 3
  clearInterval on Line 4

• setInterval on Line 3
  clearInterval on Line 14

• setInterval on Line 3
  clearInterval on Line 17

• clearInterval on Line 3
  setInterval on Line 17