Question 1

Using comparison operators, you can create a(n) __________ statement, in which two values are compared and if the result is true, one or more statements are executed.
A) if
B) compare
C) which
D) for

Accepted Answer

The if statement allows for comparison of two values, and executes certain statements if the comparison is true.

Question 2

Referring to the figure above, the code in this figure creates a(n) __________.
A) function
B) if statement
C) variable
D) event listener

Accepted Answer

The answer of  Referring to the figure above, the...

Question 3

If Patrice wants to reference the content of an object and wants her code to work for users if IE8, she will use the __________ property.
A) textContent
B) innerHTML
C) src
D) classValue

Accepted Answer

The correct choice is B) innerHTML. This is because the textContent property is not supported in Internet Explorer 8 or earlier versions. The innerHTML property, however, is widely supported across different versions of IE, including IE8, and allows accessing or modifying the content of an element, including HTML markup.

Question 4

Case-Based Critical Thinking Question Alicia wants to increase the sizes of images on her website in response to users moving the mouse pointer over them. To add this feature, she plans to use JavaScript.
Alicia can change the CSS styles of the image with the mouse pointer over it by changing the element's __________ property with JavaScript to add or remove class values from the element.
A) elementName
B) className
C) value
D) textContent

Accepted Answer

To change the CSS styles of an element with JavaScript, Alicia will need to access the element's className property. Through this property, she can add or remove class values to the element, which will allow her to dynamically alter the styles. The other options listed (elementName, value, and textContent) are not directly related to changing CSS styles in this way.

Question 5

To call a function in response to a user action, a developer creates a(n) __________.
A) event listener
B) variable
C) event
D) operator

Accepted Answer

An event listener is used to detect when a user performs a specific action, such as clicking a button or hovering over an image. In response to this action, the event listener calls a function that performs a specific task or updates the user interface. Therefore, the best choice is A, event listener.

Question 6

Case-Based Critical Thinking Question Alicia wants to increase the sizes of images on her website in response to users moving the mouse pointer over them. To add this feature, she plans to use JavaScript.
Alicia can create code that responds to an event using a(n) __________.
A) variable
B) if statement
C) eventListener
D) property

Accepted Answer

Alicia needs an eventListener to trigger the change in image size when the user moves the mouse over it. A variable could be used to store the size of the image, but it doesn't address the event listener aspect. An if statement is a control structure that tests a condition, but it doesn't necessarily tie into events. A property is an attribute of an object, but it's not relevant to responding to an event.

Question 7

Referring to the figure above, the code addressState.textContent === "CO" is a(n) __________.
A) variable
B) function
C) expression
D) event listener

Accepted Answer

The code addressState.textContent === "CO" is an expression because it compares the text content of the addressState element to the string "CO" and returns a boolean value. It is not a variable, function or event listener.

Question 8

Referring to the figure above, what is the role of the line of code labeled with the number 2?
A) function call
B) event listener
C) function
D) conditional statement

Accepted Answer

The answer of  Referring to the figure above, what...

Question 9

Case-Based Critical Thinking Question Alicia wants to increase the sizes of images on her website in response to users moving the mouse pointer over them. To add this feature, she plans to use JavaScript.
In Alicia's JavaScript code, she can refer to a user moving the mouse pointer over an element with the __________ event.
A) load
B) mouseover
C) mouseout
D) submit

Accepted Answer

The mouseover event is triggered when the mouse pointer moves over an element, which makes it the appropriate choice for Alicia's plan to increase image size when the user hovers over them. The load event is triggered when a web page has finished loading, the mouseout event is triggered when the mouse pointer moves off an element, and the submit event is triggered when a form is submitted. These events are not relevant to Alicia's plan.

Question 10

Case-Based Critical Thinking Question Alicia wants to increase the sizes of images on her website in response to users moving the mouse pointer over them. To add this feature, she plans to use JavaScript.
Alicia can create a set of statements to make the changes to her web page and reference the statements as a single unit by creating a(n) __________.
A) function
B) variable
C) event listener
D) if statement

Accepted Answer

Alicia can create a function that contains the set of statements to make the changes, and then call the function with an event listener for the mouseover event. This way, the statements can be easily reused and referenced as a single unit. Variables and if statements are not sufficient for this task, as they do not allow for easy reusability and referencing as a single unit.

Question 11

A common method to change the CSS styles of an element in response to a user's actions is to add or remove __________ values from the element in response to events.
A) ID
B) form
C) class
D) CSS

Accepted Answer

To change the CSS styles of an element in response to a user's actions, we can add or remove specific CSS class values from the element. This can be done using JavaScript events such as click, hover, or scroll. Adding and removing class values can trigger different CSS styles to be applied, allowing for dynamic and interactive web experiences. Using IDs or form elements is not the most effective way to change CSS styles in response to user actions.

Question 12

Referring to the figure above, the word addEventListener is an example of a(n) __________.
A) property
B) variable
C) method
D) value

Accepted Answer

addEventListener is a method, which is a function attached to an object that can perform an action or return a value.

Question 13

Referring to the figure above, which of the following describes when the statements within the braces are executed?
A) Only if the expression is true.
B) Only if the expression is false.
C) Whether the expression is true or false.
D) Only in response to an event.

Accepted Answer

The statements within the braces will only be executed if the expression is true.

Question 14

Referring to the figure above, which of the following is a function name used in the code shown?
A) greetingText
B) addGreeting
C) Good Morning!
D) function

Accepted Answer

The answer of  Referring to the figure above, which...

Question 15

JavaScript supports the use of symbols known as __________ to compare or change the values of multiple objects or properties.
A) statements
B) functions
C) operators
D) variables

Accepted Answer

Operators are used to compare or change the values of multiple objects or properties in JavaScript. Statements are used to perform actions, functions are blocks of code that perform a specific task, and variables are used to store values.

Question 16

Case-Based Critical Thinking Question Patrice is creating JavaScript code for her website. Her first task is to reference several HTML elements.
Patrice can reference HTML elements in JavaScript using the __________ method.
A) selectElement
B) selectId
C) querySelector
D) addEventListener

Accepted Answer

The method used to reference HTML elements in JavaScript is document.querySelector(). This method allows Patrice to select an element with a specific CSS selector and then manipulate it using JavaScript. The other options, selectElement and selectId, are not valid methods in JavaScript. The addEventListener method is used to add an event listener to an HTML element, not to select it.

Question 17

Referring to the figure above, which of the following is a variable name used in the code shown?
A) greetingText
B) addGreeting
C) Good Morning!
D) function

Accepted Answer

"greetingText" is the only option given that is a variable name used in the code shown. "addGreeting" is a function name, "Good Morning!" is a string literal, and "function" is a keyword in JavaScript.

Question 18

Referring to the figure above, what is the role of the line of code labeled with the number 1?
A) It creates an event listener.
B) It is a function.
C) It creates a variable.
D) It is a conditional statement.

Accepted Answer

The line of code labeled with the number 1 creates an event listener by using the addEventListener method.

Question 19

Referring to the figure above, what is the role of the three lines of code labeled with the number 1?
A) function call
B) event listener
C) function
D) conditional statement

Accepted Answer

The three lines of code labeled with the number 1 define a function called "changeText".

Question 20

Case-Based Critical Thinking Question Patrice is creating JavaScript code for her website. Her first task is to reference several HTML elements.
If Patrice follows common practice among JavaScript developers, she will store the HTML element references as __________.
A) functions
B) variables
C) event listeners
D) properties

Accepted Answer

It is a common practice among JavaScript developers to store HTML element references as variables. This allows for easy access and manipulation of these elements within the JavaScript code.

Quiz 13: Programming Web Pages With Javascript

Using comparison operators, you can create a(n) __________ statement, in which two values are compared and if the result is true, one or more statements are executed.

Referring to the figure above, the code in this figure creates a(n) __________.

If Patrice wants to reference the content of an object and wants her code to work for users if IE8, she will use the __________ property.

To call a function in response to a user action, a developer creates a(n) __________.

Case-Based Critical Thinking Question Alicia wants to increase the sizes of images on her website in response to users moving the mouse pointer over them. To add this feature, she plans to use JavaScript. Alicia can create code that responds to an event using a(n) __________.

Referring to the figure above, the code addressState.textContent === "CO" is a(n) __________.

Referring to the figure above, what is the role of the line of code labeled with the number 2?

A common method to change the CSS styles of an element in response to a user's actions is to add or remove __________ values from the element in response to events.

Referring to the figure above, the word addEventListener is an example of a(n) __________.

Referring to the figure above, which of the following describes when the statements within the braces are executed?

Referring to the figure above, which of the following is a function name used in the code shown?

JavaScript supports the use of symbols known as __________ to compare or change the values of multiple objects or properties.

Case-Based Critical Thinking Question Patrice is creating JavaScript code for her website. Her first task is to reference several HTML elements. Patrice can reference HTML elements in JavaScript using the __________ method.

Referring to the figure above, which of the following is a variable name used in the code shown?

Referring to the figure above, what is the role of the line of code labeled with the number 1?

Referring to the figure above, what is the role of the three lines of code labeled with the number 1?

Case-Based Critical Thinking Question Patrice is creating JavaScript code for her website. Her first task is to reference several HTML elements. If Patrice follows common practice among JavaScript developers, she will store the HTML element references as __________.