WGU Web-Development-Applications Free Certification Exam Questions Answer Aug 2026 update

Question # 1

Given the following code:

What is the value of the variable data when the code runs?

Null

A single-character string

Undefined

An empty string

The Answer Is:

Want to know why?

Explanation:

In JavaScript, assigning an empty pair of quotes to a variable creates an empty string.

Variable Assignment:

Given the code:

var data = "";

The variable data is assigned an empty string.

Explanation:

Option A: Null is incorrect because the variable is assigned an empty string, not null.

Option B: A single-character string is incorrect because the string is empty.

Option C: Undefined is incorrect because the variable is assigned a value, even though it is an empty string.

Option D: An empty string is correct because "" represents an empty string.

References:

MDN Web Docs - String

W3Schools - JavaScript Strings

Question # 2

What should a developer correct before revalidating after a code validator reports multiple errors in code?

Only CSS errors

The last reported error

Only JavaScript errors

The first reported error

The Answer Is:

Want to know why?

Explanation:

When using a code validator to check your HTML, CSS, or JavaScript code, it's essential to address errors in a systematic manner. The correct approach is to correct the first reported error before revalidating. This method is recommended because often, the first error can cause a cascade of subsequent errors or warnings. By fixing the first error, you may automatically resolve other errors that were reported later.

Reasoning:

Cascading Errors: The first error in the code might lead to multiple subsequent errors. Fixing it can sometimes resolve those cascading errors, reducing the overall number of errors in the next validation.

Logical Flow: Addressing errors in the order they appear maintains a logical flow and makes debugging more manageable.

Steps to Follow:

Step 1: Run the code through the validator.

Step 2: Identify the first reported error.

Step 3: Correct the first error.

Step 4: Revalidate the code to check if the error count has reduced or if new errors appear.

Step 5: Repeat the process until all errors are resolved.

References:

W3C Markup Validation Service

MDN Web Docs - Debugging HTML

W3C CSS Validation Service

Question # 3

A web developer need to ensure that a message appears if the user’s browser does not support the audio files on a web page.

How should this designer code the audio element?

Option A

Option B

Option C

Option D

The Answer Is:

Want to know why?

Explanation:

To ensure that a message appears if the user’s browser does not support the audio files on a web page, the developer should use the <audio> element correctly. The <audio> element supports fallback content, which is displayed if the browser does not support the specified audio formats.

Correct Usage:

Fallback Content: Place the message as fallback content inside the <audio> element. Browsers that do not support the audio format will display this message.

Example:

<audio>

No mpeg support.

</audio>

Explanation of Options:

Option A: Incorrect. The alt attribute is not valid for the element.

Option B: Incorrect. The alt attribute is not valid for the <audio> element.

Option C: Incorrect. The alt attribute is used incorrectly in the <audio> element.

Option D: Correct. The message "No mpeg support." is placed correctly as fallback content inside the <audio> element.

References:

W3C HTML5 Specification - The audio element

MDN Web Docs - <audio>

Using the fallback content inside the <audio> element ensures that users with unsupported browsers receive a meaningful message, improving the overall user experience.

Question # 4

Given the following code:

What is occurring?

An event handler is tracking keyboard strokes.

JavaScript is using the DOM to make a style change.

In-line CSS is styling the <h1> tag.

The Answer Is:

Want to know why?

Explanation:

The given code snippet demonstrates how JavaScript can manipulate the DOM to change the style of an element.

Code Analysis:

Given the HTML:

<h1 id="id1">Blog Title</h1>

When the button is clicked, the JavaScript code within the onclick attribute changes the color of the h1 element to red.

Explanation:

Option A: An event handler tracking keyboard strokes is incorrect because the event handler is tracking a mouse click, not keyboard strokes.

Option B: JavaScript is using the DOM to make a style change is correct because the onclick attribute contains JavaScript code that modifies the style of the h1 element.

Option C: In-line CSS is styling the <h1> tag is incorrect because the style change is done via JavaScript, not inline CSS.

References:

MDN Web Docs - Document.getElementById()

W3Schools - JavaScript HTML DOM

Question # 5

A file named application, Appchache contains the following content:

Which attribute should a developer set to application. Appchache so the four files will be cached?

The src attribute of the <script> element

The srcset attribute of the element

The manifest attribute of the <html> element

The href attribute of the element

The Answer Is:

Want to know why?

Explanation:

To specify a cache manifest file for an HTML document, the manifest attribute must be set in the <html> element. This attribute tells the browser to cache the files listed in the manifest for offline use.

Cache Manifest:

Purpose: Specifies resources that should be cached by the browser.

Attribute: manifest is used in the <html> tag to link the cache manifest file.

Example:

Given the manifest file application.appcache:

CACHE MANIFEST

CACHE:

default.html

stylesheet.css

functions.js

logo.jpg

HTML with the manifest attribute:

</html>

References:

MDN Web Docs - Offline Web applications

W3C HTML5 Specification - manifest attribute

Question # 6

Given the following markup:

Where does the image align in relation to the text?

The top of The image aligns to the top of Hello World

The lop of the image aligns the bottom of Hello world.

The bottom of the Image aligns to the bottom of Hello World

The bottom of the image aligns to the top of Held world.

The Answer Is:

Want to know why?

Explanation:

The CSS property vertical-align: baseline aligns the baseline of the element with the baseline of its parent. For inline elements like images, the baseline alignment means that the bottom of the image aligns with the bottom of the text.

CSS vertical-align Property:

Baseline Alignment: Aligns the baseline of the element with the baseline of its parent.

Example:

Hello World

Analysis:

The <img> element with vertical-align: baseline will align its bottom with the bottom of the surrounding text "Hello World".

References:

MDN Web Docs - vertical-align

W3C CSS Inline Layout Module Level 3

Question # 7

Which tag is required when importing the jQuery library?

Section

Body

Script

The Answer Is:

Want to know why?

Explanation:

The <script> tag is required when importing the jQuery library into an HTML document.

Including jQuery:

Purpose: The <script> tag is used to embed or reference executable code (JavaScript).

Example:

Explanation:

The <script> tag should be placed in the <head> or at the end of the <body> to ensure that the library is loaded before the scripts that depend on it.

References:

jQuery Getting Started

MDN Web Docs - <script>

Question # 8

What should be used to request and Update data in the background?

Canvas

AJAX

API

DOM

The Answer Is:

Want to know why?

Explanation:

AJAX (Asynchronous JavaScript and XML) is used to request and update data in the background without reloading the web page.

AJAX Overview:

Purpose: Allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes.

Benefits: Provides a smoother user experience by avoiding full page reloads.

Example:

Using XMLHttpRequest:

var xhr = new XMLHttpRequest();

xhr.open("GET", "data.json", true);

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

var data = JSON.parse(xhr.responseText);

console.log(data);

}

};

xhr.send();

References:

MDN Web Docs - AJAX

W3Schools - AJAX Introduction

Question # 9

Which method allows the end user to enter text as an answer to a question as the page loads?

Write

Confirm

Prompt

alert

The Answer Is:

Want to know why?

Explanation:

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

Question # 10

Given the following code:

What does the console display as output?

The Answer Is:

Want to know why?

Explanation:

Given the code segment:

var a = "8";

var b = "6";

var c = a + b;

console.log(c);

This code concatenates two strings.

Explanation:

var a = "8";: Variable a is assigned the string "8".

var b = "6";: Variable b is assigned the string "6".

var c = a + b;: The + operator concatenates the two strings, resulting in "86".

console.log(c);: Outputs the value of c to the console.

Output:

The console displays "86" because it concatenates the two string values.

References:

MDN Web Docs - String

W3Schools - JavaScript String

Summer Sale Special - Limited Time 70% Discount Offer - Ends in 0d 00h 00m 00s - Coupon code: sntaclus

Free Practice Questions for WGU Web-Development-Applications Exam

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation:

The Answer Is:

Explanation: