Microsoft 70-480 Online Practice Questions and Exam Preparation

Microsoft 70-480 Online Questions & Answers

• Question 171:

  You are developing a customer contact form that will be displayed on a page of a company's website. The page collects information about the customer.

  If a customer enters a value before submitting the form, it must be a valid email address.

  You need to ensure that the data validation requirement is met.

  What should you use?

  D

  ---

  The is used for input fields that should contain an e-mail address.

  Depending on browser support, the e-mail address can be automatically validated when submitted.

  Some smartphones recognize the email type, and adds ".com" to the keyboard to match email input.

  Reference: https://www.w3schools.com/html/html_form_input_types.asp

• Question 172:

  You are developing an HTML5 page that includes several paragraph elements.

  You have the following requirements:

  Add a drop shadow that is one inch below the text in the paragraph

  Set the radius of the drop shadow to five pixels

  You need to style the paragraphs to meet the requirements.

  Which CSS style should you use?

  A. Text-shadow: 72pt 0pt 5pt
  B. Text-shadow: 5px lin 0px;
  C. Text-shadow: 72pt 0em 5px;
  D. Text-shadow: 100px 0px 5px;
  B. Text-shadow: 5px lin 0px;

  ---

  We set the second argument (vertical) to one inch (1in).

  Note Syntax text-shadow: h-shadow v-shadow blur color;

  Note: The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows, each specified by 2 or 3 length values and an optional color. Omitted lengths are 0.

  *

  h-shadow

  Required. The position of the horizontal shadow. Negative values are allowed

  *

  v-shadow

  Required. The position of the vertical shadow. Negative values are allowed

  *

  blur

  Optional. The blur distance

  *

  color

  Optional. The color of the shadow.

• Question 173:

  A company asks you to create a function that displays loan amounts to their customers. You must create the function by using JavaScript to meet the following requirements:

  

  Display three different loan amounts to each customer.

  

  Display loan amounts in order starting with the greatest amount and ending with the least amount.

  You need to implement the function.

  How should you complete the relevant code? (To answer, drag the appropriate command or commands to the correct location or locations in the answer area. Use only commands

  that apply.)

  Select and Place:

  

  

  ---

  *

  The innermost assignment to the loanAmount variable should be the highest.

  *

  Local variables have local scope: They can only be accessed within the function.

  Example

  // code here can not use carName

  function myFunction() {

  var carName = "Volvo";

  // code here can use carName

  }

  *

  A variable declared outside a function, becomes GLOBAL.

  A global variable has global scope: All scripts and functions on a web page can access it.

  Example

  var carName = " Volvo";

  // code here can use carName

  function myFunction() {

  // code here can use carName

  }

  *

  The alert() method displays an alert box with a specified message and an OK button.

  An alert box is often used if you want to make sure information comes through to the user.

  References:

  https://www.w3schools.com/js/js_scope.asp

• Question 174:

  You are creating a JavaScript function to display the current version of a web application

  You declare a button as follows.

  You need to create an event handler for the button by using an anonymous function.

  Which code segment should you use?

  

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

  ---

  Example

  When passing parameter values, use an "anonymous function" that calls the specified function with theparameters:

  document.addEventListener("click", function() {

  myFunction(p1, p2);

  });

  References:

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

• Question 175:

  HOTSPOT

  You have the following markup.

  

  For each of the following statements, select Yes if the statement is true. Otherwise, select False. NOTE: Each correct selection is worth one point.

  Hot Area:

  

  

• Question 176:

  You are developing a web page by using HTML5 and C5S3. The page includes a

  tag with the ID set to validate.

  When the page is rendered, the contents of the

  tag appear on a line separate from the content above and below it. The rendered page resembles the following graphic.

  

  The page must be rendered so that the

  tag is not forced to be separate from the other content. The following graphic shows the correctly rendered output.

  

  You need to ensure that the page is rendered to meet the requirement. Which line of code should you use?

  A. document.getElementById("validate").style.display = "inline";
  B. document.getElementById("validate").style.margin = "0";
  C. document.getElementById("validate").style.padding = "0";
  D. document.getElementSyId("validate").style.display = "block";

  A. document.getElementById("validate").style.display = "inline";

  ---

  *

  display: value;

  value: inline

  Default value. Displays an element as an inline element (like )

  *

  Example

  Display

  elements as inline elements:

  p.inline { display: inline; }

  Reference: CSS display Property http://www.w3schools.com/cssref/pr_class_display.asp

• Question 177:

  You develop a webpage.

  The webpage must display a grid that contains one row and five columns. Columns one, three, and five are the same width. Columns two and four are the same width, but much wider than columns one, three, and five. The grid resembles the following image:

  

  The grid must meet the following requirements:

  Each row must be tall enough to ensure that images are not cut off.

  Each row must contain five columns.

  The width of the columns must not change when the screen is resized or rotated.

  You need to define the style for the grid. Which CSS3 style should you use?

  

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

  ---

  * -ms-grid-rows property auto The height of a row is computed based on the tallest child element in that column.

  Incorrect Answers:

  A: The width of the columns must not change when the screen is resized or rotated.

  B, D: -ms-grid-rows property

  min-content

  The minimum height of any child elements is used as the height of the row.

  Note:

  * width

  The width of each column specified as one of the following values:

  A length consisting of an integer number, followed by an absolute units designator ("cm", "mm", "in", "pt", or "pc") or a relative units designator ("em", "ex", or "px").

  A percentage of the object width.

  A proportion of the remaining horizontal space (that is, the object width, less the combined widths of other tracks), consisting of an integer number followed by a fractional designator ("fr"). For example, if "200px 1fr 2fr" is specified, the first

  column is allocated 200 pixels, and the second and third columns are allocated 1/3 and 2/3 of the remaining width, respectively.

• Question 178:

  You are developing an application for a retail store. The application will be used on mobile devices to provide real-time directions to the store.

  You have the following requirements:

  The application must find out a user's location.

  As the user moves, the application must update the screen with the new location.

  As the user moves, the application must display the user's speed.

  You need to develop the application to meet the requirements.

  Which code segment or segments should you use? (To answer, drag the appropriate code segment or segments to the correct location in the work area. 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.)

  Select and Place:

  

  

  ---

  *

  geolocation.watchPosition

  watchPosition() - Returns the current position of the user and continues to return updated position as the user moves (like the GPS in a car).

  *

  position data include:

  / coords.speed

  The speed in meters per second

  / coords.accuracy (incorrect answer)

  The accuracy of position

  Etc.

  *

  The getCurrentPosition() (incorrect)

  The getCurrentPosition() method returns an object if it is successful. The latitude, longitude and accuracy properties are always returned. The other properties below are returned if available.

  References:

  https://www.w3schools.com/html/html5_geolocation.asp

• Question 179:

  HOTSPOT

  You are creating a web worker for an HTML5 application.

  The following tasks must be performed from within the web worker:

  Register an event listener for the web worker

  Start and stop the web worker

  You need to define a function that performs the required tasks.

  Which code segment should you use? (To answer, select the appropriate option from the drop-down list in the answer area.)

  Hot Area:

  

  

  ---

  addEventListener

  The addEventListener() method attaches an event handler to the specified element.

  In context of a worker, both self and this refer to the global scope. The worker can eitheradd an event listener for the message event, or it can define the onmessage handler to listen for any messages sent by the parent thread.

  postmessage

  Pass a message to the worker.

  close()

  Terminating Workers

  Workers are resource-intensive; they areOS-level threads. Therefore, you do no want to create a large number of worker threads, and you should terminate the web worker after it completes its work. Workers can terminate themselves, like this:

  self.close();

  References:

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

  https://www.html5rocks.com/en/tutorials/workers/basics/

• Question 180:

  You have the following markup.

  

  You need to rotate the div programmatically by 45 degrees. Which line of code should you use?

  A. document.getElementById("yellow").style.rotate(45);
  B. document.getElementById("yellow").style.transform = "rotate(45deg)";
  C. document.getElementById("yellow").style.rotate3d("45deg");
  D. document.getElementById("yellow").style.rotateX(45);
  B. document.getElementById("yellow").style.transform = "rotate(45deg)";

  ---

  References: https://www.w3schools.com/jsref/prop_style_transform.asp