Download 70-480 Exam Questions 2021

NEW QUESTION 1
You are developing an HTML5 web form to collect feedback information from site visitors. The web form must display an INPUT element that meets the following requirements: Allow numeric values between 1 and 10.
Default to the value of 5.
Display as a slider control on the page.
You need to add the INPUT element to the form. Which HTML element should you add?

• A. Rating (Between 1 and 10): <input type="number" name="rating" min ="1" max-"10">
• B. Rating (Between 1 and 10): <input type="number" name="rating" min="1" max="10" default="5">
• C. Rating (Between 1 and 10): <input type="range" name="rating" min="1" max="10" default"="5">
• D. Rating (Between 1 and 10): <input type="range" name="rating" min="10" max="10" value="5">

Answer: C

Explanation: input type="range"
The <input type="range"> is used for input fields that should contain a value within a range. Depending on browser support, the input field can be displayed as a slider control.
Example
<form>
<input type="range" name="points" min="0" max="10">
</form>

NEW QUESTION 2
You are developing a website that helps users locate restaurants in their area from a browser. You created a function named findRestaurants().
The function must:
- Get the current latitude and longitude of the user's device
- Pass the user's location to findRestaurants()
You must ensure that the application accesses the geolocation information from the device before searching for restaurants.
Which code segment should you use?

• A. Option A
• B. Option B
• C. Option C
• D. Option D

Answer: B

Explanation: References:
https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition

NEW QUESTION 3
You are developing an HTML5 web application and are styling text. You need to use the text-transform CSS property.
Which values are valid for the text-transform property?

• A. hidden
• B. blink
• C. capitalize
• D. line-through

Answer: C

Explanation: CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit; Example
Transform text in different elements: h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;} p {text-transform:lowercase;}
Reference: CSS text-transform Property http://www.w3schools.com/cssref/pr_text_text-transform.asp

NEW QUESTION 4
You are modifying a blog site to improve search engine readability.
You need to group relevant page content together to maximize search engine readability. Which tag should you use?

• A. <nav>
• B. <article>
• C. <span>
• D. <div>

Answer: B

Explanation: The <article> tag specifies independent, self-contained content.
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
Potential sources for the <article> element: Forum post
Blog post News story Comment
Reference: HTML <article> Tag http://www.w3schools.com/tags/tag_article.asp http://www.w3schools.com/html/html5_new_elements.asp

NEW QUESTION 5
You are developing an application that uses a JavaScript library. The library contains the following functions.

The application uses the following code. (Line numbers are included for reference only.)

The library may throw many types of exceptions. The exceptions are grouped by category. You need to catch and identify the exceptions by group.
Which code segment should you insert at line 05?

• A. Option A
• B. Option B
• C. Option C
• D. Option D

Answer: B

Explanation: instanceof
The instanceof operator tests whether an object has in its prototype chain the prototype property of a constructor.
The instanceof operator tests presence of constructor.prototype in object prototype chain. Example::
// defining constructors function C(){}
function D(){} var o = new C();
// true, because: Object.getPrototypeOf(o) === C.prototype o instanceof C;
// false, because D.prototype is nowhere in o's prototype chain o instanceof D;
Reference: instanceof

NEW QUESTION 6
You develop an HTML5 web application. The web application contains a form that allows users to enter only their month of birth.
The value that the users enter must be numbers between 1 and 12, inclusive. You need to implement the form element for the month of birth.
Which element should you use?

• A. <input type="time" options="month" />
• B. <input types="submit" value="month" />
• C. <input type="range" min="1" max="12" />
• D. <input type="month" itemscope="numeric" />

Answer: C

Explanation: Example:
</head>
<body>
<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">
</body>
</html>

NEW QUESTION 7
You are developing an HTML5 web application that displays stock information. The application loads information from a web service by using AJAX.
The following code defines a Stock object and loads stock data.

You need to implement the loadStock function. Which code segment should you use?

• A. Option A
• B. Option B
• C. Option C
• D. Option D

Answer: A

NEW QUESTION 8
You are developing an HTML5 web page.
The appearance of the text box must change when a user moves the focus to another element on the page.
You need to develop the page to respond to user action. Which line of code should you use?

• A. <input type="text" onblur="resetStyle(this);" />
• B. <input type="text" onfocus="resetStyle(this);" />
• C. <input type="text" onreset="resetStyle(this);" />
• D. <input type="text" onselect="resetStyle(this);" />

Answer: A

Explanation: Definition and Usage
The onblur event occurs when an object loses focus.
Example
Execute a JavaScript when a user leaves an input field:
<input type="text" onblur="myFunction()"> Reference: onblur Event http://www.w3schools.com/jsref/event_onblur.asp

NEW QUESTION 9
You have the following code.

You need to ensure that the screen appears as shown in the following exhibit:

Which position should you use for Target 1?

• A. static
• B. fixed
• C. initial
• D. inherit

Answer: B

Explanation: References:
http://www.w3schools.com/cssref/pr_class_position.asp

NEW QUESTION 10
HOTSPOT
You have the following code. (Line numbers are included for reference only.)

For each of the following statements, select Yes if the statement is true. Otherwise, select No.

Answer:

Explanation: No
Yes
No
https://www.w3schools.com/cssref/pr_margin-left.asp https://css-tricks.com/almanac/properties/t/transition/ https://www.w3schools.com/cssref/css3_pr_transition.asp

NEW QUESTION 11
You are developing a customer contact form that will be displayed on a page of a company's website. The page collects information about the customer.
If a customer enters a value before submitting the form, it must be a valid email address. You need to ensure that the data validation requirement is met.
What should you use?

• A. <input name="email" type="url"/>
• B. <input name="email" type="text" required="required"/>
• C. <input name="email" type="text"/>
• D. <input name="email" type="email"/>

Answer: D

Explanation:
Example:
<form> E-mail:
<input type="email" name="email">
</form> Reference:
http://www.w3schools.com/html/html5_form_input_types.asp

NEW QUESTION 12
HOTSPOT
You are developing an HTML5 web application for displaying encyclopedia entries. Each encyclopedia entry has an associated image that is referred to in the entry. You need to display the image by using the correct semantic markup.
What should you do? (To answer, select the appropriate options from the drop-down list in the answer area.)

Answer:

Explanation: The <figure> element
The <figure> element is intended to be used in conjunction with the <figcaption> element to mark up diagrams, illustrations, photos, and code examples (among other things).
Example:
<figure>
<img src="/macaque.jpg" alt="Macaque in the trees">
<figcaption>A cheeky macaque, Lower Kintaganban River, Borneo. Original by <a href="http://www.flickr.com/photos/rclark/">Richard Clark</a></figcaption>
</figure>
Reference: The figure & figcaption elements

NEW QUESTION 13
DRAG DROP
You are developing an application for an online retailer. The company ships only to certain countries.
The application must:
Store a list of country codes in an array
Validate the country code of the shipping address against the countries array
Include a Boolean value in the array that indicates whether or not you can ship to the country
Display a list of countries that can be shipped to if the user inputs a code for a country that the retailer cannot ship to
You need to develop the application to meet the requirements.
Which code segment or segments should you use? (To answer, drag the appropriate code segment or segments from the list of code segments to the correct location or locations in the work are

Answer:

Explanation: * !arr[ctry] is true when the array element is false.
* The for..in statement iterates over the enumerable properties of an object, in arbitrary order. For each distinct property, statements can be executed.
Incorrect: Not:

Would work fine if var i; would be replaced by i=0;
Reference: JavaScript Arrays; The for..in statement

NEW QUESTION 14
HOTSPOT
You are validating user input by using JavaScript and regular expressions. A group of pre-defined regular expressions validate two input fields:
You need to use the correct expression to validate the input.
Which expression should you insert into each function? To answer, select the appropriate options from the drop-down lists in the answer area.

Answer:

Explanation:

NEW QUESTION 15
HOTSPOT
A company has an XML file named products.xml on a web server. The file contains a list of the products that the company sells.
You need to display the contents of the products.xml file in a DIV element named Output.
How should you complete the relevant code? (To answer, select the appropriate option from each drop-down list in the answer area.)

Answer:

Explanation: When readyState is 4 and status is 200, the response is ready:
Example xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
Note:
* readyState == 4
Holds the status of the XMLHttpRequest. Changes from 0 to 4: 0: request not initialized
1: server connection established 2: request received
3: processing request
4: request finished and response is ready
* status==200 200: "OK"
404: Page not found
Reference: AJAX - The onreadystatechange Event

NEW QUESTION 16
DRAG DROP
You have a webpage that includes the following markup:

An XML file named message.xml resides on a web server. The structure of the file is as follows:

You are developing a code-based solution to parse the contents of the XML file and display the information on the page.
The solution must work on both modern and older browsers.
You need to display the information from the XML file onto the page.
How should you create the JavaScript code? (Develop the solution by selecting the required code segments and arranging them in the correct order. You may not need all of the code segments.)

Answer:

Explanation: Box 1:

Box 2:

Box 3:

Box 4:

Box 5:

Box 6:

Box 7:

Note:
Parse an XML Document
Example. The following code fragment parses an XML document into an XML DOM object:
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","books.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML;