Microsoft 70-480 Online Practice Questions and Exam Preparation

Microsoft 70-480 Online Questions & Answers

• Question 201:

  You are creating a web page that contains a canvas with text.

  The page contains the following JavaScript code. (Line numbers are included for reference only.)

  

  The text on the canvas must rotate 90 degrees when a user clicks a button on the page.

  You need to ensure that the text rotates when the user clicks the button.

  Which line of code should you add at line 03?

  A. context.transform(90);
  B. context.content.getRotation(90);
  C. context.rotate(90);
  D. context.content.rotate (90);
  C. context.rotate(90);

  ---

  The rotate() method rotates the current drawing.

  Example

  Rotate the rectangle 20 degrees:

  JavaScript:

  var c=document.getElementById("myCanvas");

  var ctx=c.getContext("2d");

  ctx.rotate(20*Math.PI/180);

  ctx.fillRect(50,20,100,50);

  Reference: https://www.w3schools.com/Tags/canvas_rotate.asp

• Question 202:

  DRAG DROP

  You have a page that uses HTML5 and CSS3. The page contains the following markup.

  

  What is the background color of each link when the page renders? To answer, drag the appropriate colors to the correct locations. Each color 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.

  NOTE: Each correct selection is worth one point.

  Select and Place:

  

  

• Question 203:

  You are creating a page that uses JavaScript code.

  You need to ensure that if a function named function1 throws a RangeError error, a function named function2 executes. For any other type of error, a function name function3 must execute.

  Which JavaScript code should you use?

  

  B. C. D.
  A

• Question 204:

  DRAG DROP

  You are developing a web page for runners who register for a race.

  The page includes a slider control that allows users to enter their age.

  You have the following requirements:

  All runners must enter their age.

  Applications must not be accepted from runners less than 18 years of age or greater than 90 years.

  The slider control must be set to the average age (37) of all registered runners when the page is first displayed.

  You need to ensure that the slider control meets the requirements.

  What should you do? (To answer, drag the appropriate word or number to the correct location in the answer area. Each word or number 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.)

  Select and Place:

  

  

• Question 205:

  DRAG DROP

  You develop an HTML5 webpage. You have the following HTML markup:

  

  You need to update the content of the DIV element when the mouse hovers over an image and when the mouse coordinates change.

  How should you complete the relevant code? (To answer, drag the appropriate code segment to the correct location or locations in the answer area. Use only code segments that apply.)

  Select and Place:

  

  

  ---

  * addEventLister mousemove

  Use the element.addEventListener() method to attach an event handler to a specified element.

  onmousemove : Fires when the mouse pointer is moving while it is over an element

  * The clientX property returns the horizontal coordinate (according to the client area) of the mouse pointer when a mouse event was triggered.

  Example:

  Output the coordinates of the mouse pointer when an mouse event has occurred:

  var x = event.clientX; // Get the horizontal coordinate

  var y = event.clientY; // Get the vertical coordinate

  var coor = "X coords: " + x + ", Y coords: " + y;

  The result of coor could be:

  X coords: 142, Y coords: 99

  References:

  https://www.w3schools.com/jsref/met_document_addeventlistener.asp

  https://www.w3schools.com/jsref/event_onmousemove.asp

  https://www.w3schools.com/jsref/event_clientx.asp

• Question 206:

  DRAG DROP

  You are developing a web form in HTML5 and CSS3.

  You have the following HTML markup.

  

  You need to ensure that when checkbox is checked, the associated label is displayed in red text. You write the following CSS markup.

  

  How should you complete the markup? To answer, drag the appropriate code elements to the correct targets. 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.

  NOTE: Each correct selection is worth one point.

  Select and Place:

  

  

  ---

  input[type=checkbox]:checked + label {

  color: red;

  }

  References:

  https://css-tricks.com/almanac/selectors/c/checked/

• Question 207:

  DRAG DROP

  You have the following code:

  

  The web service returns a JSON object that contains two properties named Description and FileName. The PersonImage object must meet the following requirements:

  

  Create an object that represents an image that will be displayed.

  

  Set the image properties from the values that are returned by the web service.

  

  Expose the image as a property of the PersonImage object.

  You need to insert code at line 13 to complete the implementation of the PersonImage object.

  Which three actions should you perform in sequence to complete the implementation?

  (Develop the solution by selecting the required code segments and arranging them in the correct order.)

  Select and Place:

  

  

  ---

  *

  Image Object

  The Image object represents an embedded image.

  For each tag in an HTML document, an Image object is created.

  Notice that images are not technically inserted into an HTML page, images are linked to HTML pages. The tag creates a holding space for the referenced image.

  *

  Image Object Properties include

  alt, Sets or returns the value of the alt attribute of an image

  src, Sets or returns the value of the src attribute of an image

• Question 208:

  You are creating a web form that users will use to enter their personal information. The form includes the following HTML.

  

  You have the following requirements:

  When a user enters an input box, the cell on the right must turn green.

  

  When a user leaves an input box, the cell on the right must turn white.

  

  You need to create the web form to meet these requirements.

  Which code segment should you use? nth-child

  

  A. Option A
  B. Option B
  C. Option C
  D. Option D
  A. Option A

  ---

  The :nth-child(n) selector matches every element that is thenth child, regardless of type, of its parent.

  n can be a number, a keyword, or a formula.

  Example

  Specify a background color for every

  element that is the second child of its parent:

  p:nth-child(2) {

  background: #ff0000;

  }

  parent.next()

  Here: thecell to the right of the current cell.

  References:

  https://www.w3schools.com/cssref/sel_nth-child.asp

• Question 209:

  HOTSPOT

  You have the following markup.

  

  You need to identify in which color each value will be displayed.

  Which color should you identify? To answer, select that appropriate options in the answer area.

  NOTE: Each correct selection is worth one point.

  Hot Area:

  

  

  ---

  Boat: Red Car: Blue Plane: Violet

• Question 210:

  You are developing a customer web form that includes the following HTML.

  Information from the web form is submitted to a web service. The web service returns the following JSON object.

  {

  "Confirmation": "1234",

  "FirstName": "John"

  }

  You need to display the Confirmation number from the JSON response in the txtValue label field. Which JavaScript code segment should you use?

  A. $("#txtValue").val = (JSONObject.Confirmation);
  B. $("#txtValue").val (JSONObject.Confirmation);
  C. $("#txtValue").text = (JSONObject.Confirmation);
  D. $("#txtValue").text (JSONObject.Confirmation);
  D. $("#txtValue").text (JSONObject.Confirmation);

  ---

  Incorrect Answers:

  A, B: A label object has no value attribute.

  Reference:

  http://api.jquery.com/text/