DRAG DROP
You develop an HTML5 webpage. You have the following HTML markup:

You also have the following JavaScript variable defined:
var languages = [];
You need to add statements to an existing JavaScript function to sort the list items.
Which four actions should you perform in sequence? (Develop the solution by selecting the required
code segments and arranging them in the correct order.)

DRAG DROP
You create an HTML5 webpage. You have the following HTML markup:

You also have the following JavaScript code segment:
<code>
var jsonFruit = { “apples” : “12”, “bananas” : “8”, “watermelon” : “3” }
</code>
You need to add additional rows to the fruitTable element by processing the jsonFruit values in the
order listed.
Which three actions should you perform in sequence? (Develop the solution by selecting the
required code segments and arranging them in the correct order.)

DRAG DROP
You have the following code:

The web service returns a JSON object that contains two properties named Description and FileName.
The PersonImage object must meet the following requirements:
Create an object that represents an image that will be displayed.
Set the image properties from the values that are returned by the web service.
Expose the image as a property of the PersonImage object.
You need to insert code at line 13 to complete the implementation of the PersonImage object.
Which three actions should you perform in sequence to complete the implementation? (Develop the
solution by selecting the required code segments and arranging them in the correct order.)

HOTSPOT
You develop an HTML messaging application that allows users to send messages. The messages can
have an optional file attachment that is identified by a filename.
You use the following function to send a message:

You need to send a message with a file attachment.
How should you complete the relevant code? (To answer, select the appropriate option from each
drop-down list in the answer area.)

DRAG DROP
You develop an HTML application that calls a web service to retrieve JSON data. The web service
contains one method named GetFullName that returns an Object named data. The data object
contains two properties named GivenName and Surname.
You need to load data from the web service to the webpage.
How should you complete the relevant code? (To answer, drag the appropriate code segment or
code segments to the correct location or locations in the answer area. Use only code segments that apply.)

DRAG DROP
A company asks you to create a function that displays loan amounts to their customers.
You must create the function by using JavaScript to meet the following requirements:
Display three different loan amounts to each customer.
Display loan amounts in order starting with the greatest amount and ending with the least amount.
You need to implement the function.
How should you complete the relevant code? (To answer, drag the appropriate command or
commands to the correct location or locations in the answer area. Use only commands that apply.)

HOTSPOT
You develop an HTML5 application that allows images to be dragged and dropped within a webpage.
The webpage contains a DIV element and four IMG elements as defined in the code segment below:

You need to enable drag and drop for the application.
How should you complete the relevant code? (To answer, select the appropriate option from each
drop-down list in the answer area.)

DRAG DROP
You are creating a function named getText().
The function must retrieve information from text files that are stored on a web server.
You need to develop the function to meet the requirement.
Which code segment or segments should you use? (To answer, drag the appropriate command from
the list of commands to the correct location or locations in the work area. Each code segment may
be used once, more than once, or not at all. You may need to drag the split bar between panes or
scroll to view content.)

DRAG DROP
You are developing an application for a retail store. The application will be used on mobile devices to
provide real-time directions to the store.
You have the following requirements:
The application must find out a user’s location.
As the user moves, the application must update the screen with the new location.
As the user moves, the application must display the user’s speed.
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 to the correct location in the work area. Each code segment may be used once, more
than once, or not at all. You may need to drag the split bar between panes or scroll to view content.)

HOTSPOT
You develop a webpage. You create the following HTML markup:

The layout of the webpage must contain three rows. The first row spans the entire width of the page
and is labeled #Top. The second row contains three columns. The first column is labeled #Left; the
second column is labeled #Main; and the right column is labeled #Right. The #Left and #Right
columns are a fixed width. The #Main column occupies the remaining available space. The third and
final row spans the entire width of the page and is labeled #Bottom.
The layout of the webpage must resemble the following image:

You need to create the CSS styles to implement the layout.
How should you complete the relevant styles? (To answer, select the appropriate option from each
drop-down list in the answer area.)