Free 98-375: HTML5 App Development Fundamentals Exam Questions and Answers

You are developing an HTML5 app. The variable msg contains the string "<b>Saved</b>". A div element with the id result must display the word Saved in bold type. Which code segment should you use?

• AA. document.getElementById("result").value = msg;
• BB. document.getElementById("result").nodeValue = msg;
• CC. document.getElementById("result").innerHTML = msg;
• DD. document.getElementById("result").textContent = msg;

You are reviewing the JavaScript code of an HTML5 app. Match each JavaScript statement to its purpose. Each statement may be used once. Statements: A. "use strict"; B. try { } catch (e) { } C. JSON.stringify(obj) D. JSON.parse(text) Purposes: 1. Converts an object into a string so that it can be saved 2. Causes assignment to an undeclared variable to throw an error 3. Handles a runtime exception without stopping the script 4. Converts a string of JSON into an object

Put the items in order, then reveal.

You are formatting the text content of an HTML5 page. Match each HTML5 element to the content it should mark up. Each element may be used once. Elements: A. <mark> B. <abbr> C. <time> D. <blockquote> Content: 1. A long quotation taken from another source 2. A date that must also be available in a machine-readable form 3. Text that is highlighted for reference 4. An abbreviation whose full form appears in a tooltip

Put the items in order, then reveal.

An h2 element in a fixed-width container holds a title that is longer than the container. The title must stay on one line, and the overflow must be hidden and replaced with an ellipsis. Which CSS rule set should you use?

• AA. white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
• BB. white-space: nowrap; overflow: visible; text-overflow: clip;
• CC. white-space: normal; overflow: visible; text-overflow: ellipsis;
• DD. word-wrap: break-word; overflow: hidden; text-overflow: clip;

You are developing an HTML5 app that stores a user's unsaved form entries in the browser. The stored data must be removed automatically when the user closes the browser tab. Which storage mechanism should you use?

• AA. indexedDB
• BB. sessionStorage
• CC. localStorage
• DD. A cookie with a 30-day expiration

You are adding client-side validation to a form in an HTML5 app. Match each attribute to the behavior it provides. Each attribute may be used once. Attributes: A. required B. pattern C. placeholder D. max Behaviors: 1. Compares the entered value with a regular expression 2. Displays hint text in the field until the user types 3. Prevents the form from being submitted when the field is empty 4. Sets the highest numeric value that the field accepts

Put the items in order, then reveal.

You are developing an HTML5 app for devices that accept input from a mouse, a pen and a finger. You need to run one event handler when the user presses down with any of these input devices. Which event should you handle?

• AA. mousedown
• BB. gesturestart
• CC. pointerdown
• DD. touchstart

You are developing an HTML5 app. You need to run initialization code as soon as the HTML document has been fully parsed, without waiting for images and stylesheets to finish loading. Which event should you handle on the document?

• AA. visibilitychange
• BB. beforeunload
• CC. load
• DD. DOMContentLoaded

Which HTML5 element represents a self-contained composition, such as a news story, that could be distributed independently of the rest of the page?

• AA. <article>
• BB. <aside>
• CC. <section>
• DD. <figure>

You are creating a form with a text box for a city name. The text box must suggest the values Oslo and Lima as the user types, but the user must still be able to enter any other city. Which markup should you use?

• AA. <select list="city"><option value="Oslo"><option value="Lima"></select>
• BB. <input type="text" list="city"><select id="city"><option value="Oslo"><option value="Lima"></select>
• CC. <input type="text" list="city"><datalist id="city"><option value="Oslo"><option value="Lima"></datalist>
• DD. <input type="text" name="city"><datalist id="city"><option value="Oslo"><option value="Lima"></datalist>