Online Access Free INF-306 Exam Questions

Which two statements correctly describe media queries? Choose 2.

• A.Media queries improve the performance of your web page.
• B.Media queries support responsive web design.
• C.Media queries can process JavaScript code dynamically.
• D.Media queries allow you to apply different CSS rules on various screens/breakpoints.

Which markup segment creates an SVG ellipse?

• A.< svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " rx= " 100 " ry= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
• B.< svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
• C.< svg height= " 140 " width= " 500 " > < ellipsp x= " 200 " y= " 80 " rx= " 100 " ry= " 50 " fill= " green
  " stroke-width= " 2 " / > < /svg >
• D.< svg height= " 140 " width= " 500 " > < ellipse x= " 200 " y= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >

You need to display the following user interface:
Motorcycle
Truck
Boat
Car
Bicycle
Complete the markup by selecting the correct option from each drop-down list.

Correct Answer:

Explanation:
First drop-down: datalist
Second drop-down: vehicles
Third drop-down: < /datalist >
The correct element is < datalist > because the interface requires a text input that provides selectable suggestions while still allowing the user to type. The < input > element uses list= " vehicles " , so it must be connected to a < datalist > element whose id is exactly vehicles. The id cannot be vehicle, because vehicle is already the input element's own identifier and does not match the value used by the list attribute. The < option
> elements inside the datalist define the suggested values: Motorcycle, Truck, Boat, Car, and Bicycle. ul, ol, and li are list-markup elements and do not create input suggestions. select would create a fixed dropdown list, but it would not match the editable input-with-suggestions behavior shown. The closing tag must match the opening datalist element, so the final selection is < /datalist > .

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.

Which two code segments declare a JavaScript method? Choose 2.

• A.this.Score = function() { ... }
• B.Score: function() { ... }
• C.var funct = (a);
• D.var a = Score();