Review the images on the left.
Complete the statements by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: flex boxes
Second drop-down: background-size
Third drop-down: cover
The correct layout mechanism is responsive flex boxes because the content changes from a vertical mobile arrangement to a wider multi-column layout as space becomes available. Flexbox supports this behavior naturally through flexible item sizing and wrapping, often without needing explicit media queries for every screen size. The header image must fill its visible header region on both mobile and desktop. The correct CSS property for controlling how a background image scales inside its container is background-size. The correct value is cover, because background-size: cover scales the image so that the entire container is covered while preserving the image's aspect ratio. This prevents distortion, although some cropping can occur when the image and container have different aspect ratios. contain would preserve the full image but may leave empty space. auto would use the image's intrinsic size and would not reliably fill the header area. background- attachment, background-clip, and background-repeat do not control image scaling.

You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?

• A. The defined input areas are not large enough.
• B. The input areas are using event handlers to detect input.
• C. The input areas overlap with other input areas.
• D. The touch screen is not initialized.

설명: (ExamPassdump 회원만 볼 수 있음)

You want to display a message box showing the user ' s current latitude and longitude as identified by the user' s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: navigator.geolocation
Second drop-down: navigator.geolocation
Third drop-down: getCurrentPosition(showLocation)
The correct API object is navigator.geolocation because browser-based geographic location is exposed through the Geolocation API, not through window.location. window.location represents the current page URL and navigation state; it does not provide latitude or longitude. The first selection checks whether the browser supports geolocation by evaluating navigator.geolocation. Inside the block, the same object must be used to request the user's current position. The correct method is getCurrentPosition(showLocation), which requests the device's current location and passes a position object to the callback function when the location is available. The callback then reads position.coords.latitude and position.coords.longitude and displays those values with alert(). The alternatives that pass window.location are incorrect because they provide page- location information rather than geographic coordinates. The alternatives that call showLocation(...) directly are also incorrect because the browser must first retrieve the actual position object. References/topics:
Geolocation API, navigator.geolocation, getCurrentPosition(), callback functions, latitude and longitude.

You need to identify the form elements.
Move the appropriate semantic elements from the list on the left to the correct locations on the right.
Note: You will receive partial credit for each correct response.

Explanation:
Club Points indicator # < meter >
Order Status group title # < legend >
Choose delivery frequency options # < datalist >
Shipping Information group box # < fieldset >
Displayed shipping information # < output >
The correct semantic elements are selected according to the role each visible form component performs. The Club Points visual indicator represents a scalar measurement within a known range, so it corresponds to < meter > . The bordered Order Status section is a grouped form region, and the caption displayed on the border is a < legend > , which labels a fieldset-style group. The delivery frequency control shows an editable input with selectable predefined values, which is the purpose of < datalist > : it supplies suggested options for an associated input without forcing the user to choose only from the list. The Shipping Information section is visually and semantically a grouped set of related form information, so the surrounding grouping element is < fieldset > . The displayed shipping address is generated or presented as result-style information rather than typed directly in that location, which matches < output > . fieldset groups related controls, legend labels that group, meter displays a bounded measurement, datalist provides input suggestions, and output displays calculated or resulting information.

You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?

• A. The defined input areas are not large enough.
• B. The input areas are using event handlers to detect input.
• C. The input areas overlap with other input areas.
• D. The touch screen is not initialized.