Online Access Free INF-306 Exam Questions

You are drawing on the canvas defined by the white square.

At which x, y coordinate is the upper-left corner of the filled square?

• A.0,50
• B.0,0
• C.50,50
• D.50,0

Identify the filter applied to each image.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Correct Answer:

Explanation:
The first image has a brown/yellow vintage tone, which indicates the sepia(100%) CSS filter. Sepia converts the image colors into a warm monochrome effect commonly associated with aged photographs. The second image appears faded and washed out while retaining the same general image content, which corresponds to opacity(30%); this makes the image mostly transparent, allowing only 30 percent opacity. The third image shows the original beach image with a visible shadow offset behind it, so the correct filter is drop-shadow(8px
8px 10px black). The first two 8px values define the horizontal and vertical shadow offset, 10px defines the blur radius, and black defines the shadow color. saturate(100%) would leave saturation at its normal level and would not visibly create a special effect. grayscale(100%) would remove color entirely and produce a black- and-white image, which is not shown in the visible rows. References/topics: CSS filter property, image effects, sepia(), opacity(), drop-shadow(), graphical enhancement with CSS.

Which two background graphics will automatically adjust to different screen sizes? Choose 2.
Note: You will receive partial credit for each correct selection.

• A.< body style= " background:url(media/background.jpg); background-size:initial; background-repeat:no- repeat; " >
• B.< body style= " background:url(media/background.jpg); background-size:contain; background-repeat:
  no-repeat; " >
• C.< body style= " background:url(media/background.jpg); background-size:auto; background-repeat:no- repeat; " >
• D.< body style= " background:url(media/background.jpg); background-size:cover; background-repeat:no- repeat; " >

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.

Correct Answer:

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.

You are creating a dietary request form for an upcoming conference. The form must include the following elements:
* The title " Conference Registration Form "
* A Name input field for the attendee ' s name
* A list of food options the attendee can select by using the mouse or typing Complete the code by moving the appropriate code segments from the list on the left to the correct locations on the right. You may use each code segment once, more than once, or not at all.
Note: You will receive partial credit for each correct response.

Correct Answer:

Explanation:
< !DOCTYPE html >
< html >
< body >
< h1 > The Fitness World Around Us - Spring Conference < /h1 >
< form action= " process.php " method= " post " >
< legend > Conference Registration Form < /legend >
< p > < label for= " name " > Name: < /label >
< input type= " text " id= " name " size= " 30 " maxlength= " 30 " value= " " / > < /p >
< input id= " food " placeholder= " Cuisine " list= " food-choice " size= " 40 " / > < br >
< datalist id= " food-choice " >
< option value= " Vegetarian " > Vegetarian < /option >
< option value= " Traditional " > Traditional < /option >
< option value= " Surprise Me " selected > Surprise Me < /option >
< /datalist >
< input type= " submit " >
< /form >
< /body >
< /html >
The correct solution must satisfy all three stated form requirements. The title " Conference Registration Form
" is supplied by the < legend > element in the first valid code segment. That same segment also includes the required attendee name field by using a < label > associated with an < input type= " text " > . The for= " name
" and id= " name " relationship makes the label programmatically connected to the input, which is the correct HTML form-accessibility pattern. For the food options, the correct choice is the segment that uses an < input
> element with a list attribute connected to a < datalist > element. This is required because the attendee must be able to select an option by using the mouse or type a value manually. A < select > element provides a fixed dropdown list, and radio buttons provide fixed clickable choices, but neither is the best match for a type-ahead list requirement. The < datalist > element supplies predefined options such as Vegetarian, Traditional, and Surprise Me while still allowing keyboard entry through the associated input field. References/topics: HTML5 forms, labels, text inputs, datalist, form usability, selectable and typed input options.