WGU Updated Web-Development-Applications Exam Questions and Answers by renesmae

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 onmouseover attribute in HTML and JavaScript is used to execute a script when the mouse pointer is moved over an element.

onmouseover Attribute: This event occurs when the mouse pointer is moved onto an element. It is commonly used to change styles or content of the element when the user interacts with it by hovering.

Usage Example:

Hover over this text to change its color to red.

In this example, the text color changes to red when the mouse pointer is moved over the paragraph.

References:

MDN Web Docs on onmouseover

W3C HTML Specification on Events

To invoke the CSS provided, an ID selector is used. In CSS, the ID selector is used to style the element with the specific id attribute.

CSS ID Selector: The syntax for the ID selector is #id, where id is the id attribute value of the HTML element.

Usage Example:

#black {

color: black;

}

This CSS rule will apply the color: black; style to the element with id="black".

Example in HTML:

References:

MDN Web Docs on ID Selectors

W3C CSS Specification on Selectors

Relative positioning in CSS positions an element relative to its normal position. Using position: relative; allows you to adjust the element's position with the top, right, bottom, or left properties.

CSS Relative Positioning:

Syntax:

article {

position: relative;

left: 10px;

}

Description: Moves the element 10 pixels to the right from its normal position.

Example:

Given HTML:

Given CSS:

article {

position: relative;

left: 10px;

}

Explanation: The

element will be positioned 10 pixels to the right of where it would normally appear.

References:

MDN Web Docs - position

W3C CSS Positioned Layout Module Level 3