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.)

DRAG DROP
You develop an HTML application that calls a Simple Object Access Protocol (SOAP) web
service to retrieve data.
You need to load data from the web service.
What should you do? (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.)

HOTSPOT
You are creating a custom style by using CSS3.
You have the following requirements to complete the style:
If the text in a line must wrap to another line, the last word must be able to break across
lines.
All text must be black and have a blue shadow, such that the text appears to glow blue.
The text must look like the following:

You need to complete the CSS3 style.

How should you complete the relevant code? (To answer, select the appropriate option from
each drop-down list in the answer area.)

HOTSPOT
You are developing a web page.
The webpage must display a container. The container must display three colored rectangles
near the top of the container. The colored rectangles are, in order, green, red, and yellow.
The rectangles are aligned horizontally and evenly spaced across the width of the container.
The layout of the page must resemble the following image:

You need to ensure that the page renders properly.
How should you complete the relevant styles? (To answer, select the appropriate option
from each drop-down list in the answer area.)

DRAG DROP
You create the following JavaScript code:

You must complete the ShowCanWeAfford() function:
Display the message Denied! If the PaymentAmount variable is greater than 500.
Display the message Approved! If the PaymentAmount variable is less than 300.
Display the message Approved with caution! If the PaymentAmount variable is less than 500
and greater than 300.

You need to add statements to the ShowCanWeAfford() JavaScript function to meet the
requirements.
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 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.)