Search Header Logo

Intro to JavaScript in HTML quiz

Authored by Belinda Bell

Computers

9th - 12th Grade

Used 2+ times

Intro to JavaScript in HTML quiz
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Media Image

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

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Media Image

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"));

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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";

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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");


5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Media Image

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.

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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>


7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Media Image

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

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Microsoft

Continue with Microsoft

or continue with

Facebook

Facebook

Apple

Apple

Others

Others

Already have an account?