Deck 13: Programming Web Pages With Javascript

Question 1

The addEventListener method is commonly used to access the element specified by a CSS selector.

Answer 1

False

Question 2

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

Answer 2

True

Question 3

You can access any HTML element by specifying a CSS selector using the querySelector() method._________________________

Answer 3

True

Question 4

The submit event takes place when a user clicks or touches an element._________________________

Question 5

It's common to store object references as variables.

Question 6

To create a variable, you use the keyword create._________________________

Question 7

You can use browser developer tools to enter test code and view error messages related to JavaScript.

Question 8

The assignment operator is simply a question mark (?).

Question 9

In the DOM, each HTML element is considered a(n) property._________________________

Question 10

You can think of the DOM as a hierarchical arrangement of the content of an HTML document into a tree-like structure, which is known as a DOM root._________________________

Question 11

The value property refers to the current value of a form field or an object property.

Question 12

The contents of a function are executed automatically when they are parsed by a browser.

Question 13

A common method for changing an element's CSS styles in response to a user's actions is to add or remove ID values from the element in response to events._________________________

Question 14

A(n) property is a JavaScript instruction that performs an action._________________________

Question 15

The script element is added to an HTML document to reference an external JavaScript file._________________________

Question 16

Method names are always followed by quotation marks.

Question 17

JavaScript names can include spaces.

Question 18

To retrieve data from or make changes to a web page element, you must first write code that identifies the specific object you want to work with.

Question 19

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

Question 20

Whenever you use a method, you specify its parent object first, followed by a space and then the method name.

Question 21

JavaScript allows you to create __________, which are values that are stored and that you can access with a name that you specify.

A) events
B) variables
C) event listeners
D) statements

Question 22

The statement that creates a variable starts with the keyword __________.

A) function
B) var
C) variable
D) create

Question 23

The punctuation for a function is similar to that of a CSS style rule: an opening ____ goes at the beginning.

A) curly brace ({)
B) bracket ([)
C) quotation mark (")
D) pound sign (#)

Question 24

Multi-line comments in JavaScript use the same format as __________ comments.

A) WebVTT
B) XHTML
C) CSS
D) HTML

Question 25

You can access any HTML element by specifying a CSS selector using the ____ method.

A) querySelector()
B) addEventListener()
C) checkValidity()
D) write()

Question 26

Every JavaScript statement ends with a(n) __________.

A) colon ( : )
B) period ( . )
C) semicolon ( ; )
D) comma ( , )

Question 27

The ____ event occurs when a user moves the mouse pointer over an element or touches an element.

A) submit
B) mouseover
C) mouseout
D) load

Question 28

You specify a CSS selector in __________ within the parentheses of the querySelector() method to reference an object.

A) square brackets ( [ ] )
B) curly braces ( { } )
C) angle brackets ( < > )
D) quotes ( " " )

Question 29

The __________, which is part of the developer tools in a modern web browser, can be used to enter test code and view error message related to JavaScript.

A) address bar
B) bookmarks list
C) console
D) emulator

Question 30

Developers can write JavaScript that responds to actions, known as __________, which include many actions commonly performed on a web page.

A) methods
B) activities
C) events
D) statements

Question 31

The ____ event occurs when a user clicks or touches an element.

A) click
B) submit
C) focus
D) load

Question 32

Whenever you use a method, you specify its parent object first, followed by a(n) __________ and then the method name.

A) period
B) comma
C) semicolon
D) hyphen

Question 33

A(n) __________ is a JavaScript instruction that performs an action.

A) function
B) event
C) statement
D) operator

Question 34

Standard ____ for objects include the text content associated with an object, the name of the object, and the name of an associated attribute.

A) properties
B) statements
C) attributes
D) values

Question 35

The __________ property refers to the current value of a form field or an object property.

A) classValue
B) src
C) textContent
D) value

Question 36

The DOM defines ____, which are actions that are associated with an object.

A) modes
B) methods
C) events
D) activities

Question 37

Writing code to look up and change data associated with parts of HTML documents requires a standardized way of referring to the parts of a Web page; this system is known as the Document _________ Model.

A) Element
B) Object
C) Property
D) Method

Question 38

The first line of a function begins with the word function, followed by its name and a pair of ____.

A) quotation marks
B) parentheses
C) equal signs
D) exclamation marks

Question 39

The __________ object is the parent element of the DOM tree.

A) Document
B) Element
C) Head
D) Body

Question 40

To assign a new property value, you use the assignment operator, which is simply a(n) __________.

A) equal sign ( = )
B) plus sign ( + )
C) less-than sign ( < )
D) greater-than sign ( > )

Question 41

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

Question 42

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

Question 43

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

Question 44

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

Question 45

​

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

A) variable
B) function
C) expression
D) event listener

Question 46

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

Question 47

​

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.

Question 48

​

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

A) function
B) if statement
C) variable
D) event listener

Question 49

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

Question 50

​
​

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

A) property
B) variable
C) method
D) value

Question 51

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

Question 52

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

A) event listener
B) variable
C) event
D) operator

Question 53

Alicia can create code that responds to an event using a(n) __________.

A) variable
B) if statement
C) eventListener
D) property

Question 54

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

Question 55

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

Question 56

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

Question 57

Patrice can reference HTML elements in JavaScript using the __________ method.

A) selectElement
B) selectId
C) querySelector
D) addEventListener

Question 58

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

Question 59

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

Question 60

​
​

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.

Question 61

Name 3 ways that the punctuation for a function is similar to that of a CSS style rule.

Question 62

To execute the contents of a function, you must include a reference to the function name, known as a function __________, elsewhere in your code.

Question 63

Matching
Match each commonly used JavaScript property with the appropriate description.
a. classValue
b. innerHTML
c. src
d. textContent
e. Value
the text content of an object, excluding any nested HTML tags

Question 64

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.

Question 65

What kind of information can you store in a variable? How are variables useful when creating object references, and why?

Question 66

Each item in the DOM tree--including elements, attributes, and text content--is known as a(n) __________.

Question 67

A function starts with the keyword __________.

Question 68

Matching
Match each commonly used JavaScript property with the appropriate description.
a. classValue
b. innerHTML
c. src
d. textContent
e. Value
the content of an object, including any nested HTML tags

Question 69

The querySelector() method is a child of the __________ object.

Question 70

Matching
Match each commonly used JavaScript property with the appropriate description.
a. classValue
b. innerHTML
c. src
d. textContent
e. Value
the path and source filename for an element with a src attribute

Question 71

Matching
Match each commonly used JavaScript property with the appropriate description.
a. classValue
b. innerHTML
c. src
d. textContent
e. Value
the current value of a form field or an object property

Question 72

Explain the syntax of a statement that uses the assignment operator.

Question 73

When creating a variable name that contains multiple words, it's common to use __________ case.

Question 74

Each DOM node is associated with a standard set of information; each piece of information is known as a(n) ________________.

Question 75

Matching
Match each commonly used JavaScript property with the appropriate description.
a. classValue
b. innerHTML
c. src
d. textContent
e. Value
the value of an element's class attribute