WGU Web-Development-Applications WGU Web Development Applications (KVO1) Exam Practice Test

The prompt method in JavaScript displays a dialog box that prompts the user for input, allowing the end user to enter text as an answer to a question when the page loads.

prompt Method: The prompt method displays a dialog box with an optional message prompting the user to input some text. It returns the text entered by the user or null if the user cancels the dialog.

Usage Example:

let userInput = prompt("Please enter your name:", "Harry Potter");

console.log(userInput);

In this example, a prompt dialog asks the user to enter their name, and the entered text is logged to the console.

References:

MDN Web Docs on prompt

W3C HTML Specification on Dialogs

The perspective(n) method in CSS is used to affect the distance between the z-plane and the user, effectively changing the perspective depth of a 3D transformed element.

perspective(n) Method: The perspective function defines how far the element is from the user. It affects the appearance of the 3D transformed element, giving it a sense of depth.

Usage Example:

container {

perspective: 1000px;

}

In this example, the perspective is set to 1000 pixels, which defines the distance between the z-plane and the user.

Properties:

n: This represents the perspective distance. The lower the value, the more pronounced the perspective effect.

References:

MDN Web Docs on perspective

W3C CSS Transforms Module Level 1

In CSS, a rule is composed of a selector and a declaration block. The rule is the entire part that defines how styles should be applied to elements matching the selector.

CSS Rule Components:

Selector: Identifies the HTML elements to be styled (e.g., body, .name, #item).

Declaration Block: Contains one or more declarations, each consisting of a property and a value, enclosed in curly braces {}.

Example Analysis:

Option A:

body {

background-color: white;

}

This is the full rule, consisting of the selector body and the declaration block { background-color: white; }.

Option B:

background-color: white;

This is just a declaration, not a complete rule.

background-color: white,

This is an incorrect declaration due to the comma, and not a complete rule.

Option D:

color: black

This is just a declaration, not a complete rule.

References:

W3C CSS Syntax and Basic Data Types Module Level 3

MDN Web Docs - CSS Syntax

To ensure that users can pause and restart the video, the controls attribute needs to be added to the

Here's the comprehensive explanation:

controls Attribute: The controls attribute is a boolean attribute. When present, it specifies that video controls should be displayed, allowing the user to control video playback, including pausing, playing, and seeking.

HTML Structure:

Original Line:

Revised Line:

Usage Example:

Your browser does not support the HTML5 video element.

In this example, adding the controls attribute provides the user with play, pause, and volume controls.

References:

MDN Web Docs on

W3C HTML5 Specification on

Given the CSS selector a, ul, it targets all anchor () elements and all unordered list (

) elements independently. This means the CSS rule will be applied to each and
element in the HTML document.

CSS Selector Analysis:

a: This part of the selector targets all elements in the document.

,: The comma is a selector separator, meaning that each part of the selector list is applied independently.

ul: This part of the selector targets all

elements in the document.

Example:

Given HTML:

http://example.com/link0 ">Link 0

http://example.com/link1 ">Link 1

• Hello

http://example.com/link2 ">Link 2

https://example.com/link3 ">Link 3

Sample

Given CSS:

a, ul {

color: red;

}

Affected Elements: All and

elements will have the color set to red.

References:

MDN Web Docs - Comma combinator

W3C CSS Selectors Level 3