Which markup segment uses the output element to display the combined value of two input elements in HTML5?

• A. < form > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b
  " value= " 50 " / > = < output name= " c " for= " a b " > a+b < /output > < /form >
• B. < form oninput= " a.value+b.value " > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b " value= " 50 " / > < /form >
• C. < form > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b
  " value= " 50 " / > = < output name= " c " for= " a b " > < /output > < /form >
• D. < form oninput= " c.value=a.value+b.value " > < input type= " number " name= " a " value= " 50 " / >
  + < input type= " number " name= " b " value= " 50 " / > = < output name= " c " for= " a b " > < /output
  > < /form >

Explanation: Only visible for PrepPDF members. You can sign-up / login (it's free).

Which code segment correctly displays images with 80% transparency and a blue 8px shadow?

• A. filter: opacity(20%) drop-shadow(8px 8px blue);
• B. filter: saturate(80%) drop-shadow(8px 8px blue);
• C. filter: opacity(80%) box-shadow(8px 8px blue);
• D. filter: saturate(20%) box-shadow(8px 8px blue);

Explanation: Only visible for PrepPDF members. You can sign-up / login (it's free).

Which two application features should you implement by using session storage? Choose 2.

• A. Passing data to a function within a program
• B. Passing form data to a confirmation page
• C. Saving temporary authentication tokens
• D. Saving game play status for future use
• E. Saving customized UI/UX settings

Explanation: Only visible for PrepPDF members. You can sign-up / login (it's free).

You define the Pet class as follows:
class Pet {
constructor(name, breed) {
this.name = name;
this.breed = breed;
this.show = function() {
var text = " < p > Your pet ' s name is " + name + " . The pet ' s breed is " + breed + " . < /p > " ; return text;
};
}
}
You need to derive a Dog class from the Pet class.
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 blank: class Dog extends Pet {
Second blank: super(name, breed);
The correct syntax for deriving one JavaScript class from another is extends, so the derived class declaration must be class Dog extends Pet {. This creates Dog as a subclass of Pet, allowing Dog instances to inherit members defined by the Pet constructor, including name, breed, and the show() function assigned inside the parent constructor. Inside a derived class constructor, super() must be called before using this. The call super (name, breed); invokes the parent Pet constructor and passes the values required to initialize the inherited name and breed properties. Pet(name, breed); is incorrect because a class constructor cannot be invoked like a normal function. Pet.constructor(name, breed); is also incorrect because it does not call the parent constructor for the current instance. After super() runs, the Dog constructor can safely assign subclass-specific properties such as price and gender. References/topics: JavaScript classes, inheritance, extends, derived constructors, super(), custom class creation.

Match each property to its corresponding value for creating the CSS flexible box layout.
Move each property from the list on the left to the correct value on the right.
Note: You will receive partial credit for each correct match.

Explanation:

A CSS flexible box layout is created by applying the display property to a container with either flex or inline- flex. This establishes the element as a flex container and causes its child elements to become flex items. The flex-direction property defines the direction of the main axis and accepts row, row-reverse, column, and column-reverse, allowing items to flow horizontally, vertically, or in reverse order. The align-items property controls how flex items are aligned along the cross axis, with values such as flex-start, flex-end, and center.
The direction property controls writing direction and accepts ltr for left-to-right text flow or rtl for right-to-left text flow. Finally, order is applied to individual flex items and accepts an integer value, represented here as
"any," because any numeric order value can be used to rearrange item display order without changing the document source order. References/topics: CSS flexbox, flex containers, flex items, main axis, cross-axis alignment, writing direction, item ordering.