Breathing 70-480 Dumps Questions 2021

NEW QUESTION 1
You are creating a blog site by using HTML5 and JavaScript. An inline frame enables users to post comments. It is possible for users to inject malicious scripts into their comments.
You need to minimize the ability for malicious scripts to execute on the site. Which line of code should you use?

• A. <iframe sandbox src="frame1.html"></iframe>
• B. <iframe seamless="allowscripts" src="frame1.html"></iframe>
• C. <iframe seamless src="frame1.html"></iframe>
• D. <iframe sandbox="allowscripts" src"frame1.html"></iframe>

Answer: A

Explanation: The sandbox attribute enables an extra set of restrictions for the content in the iframe. Syntax
<iframe sandbox="value">
Attribute Values
no value: Applies all restrictions etc.
No attribute value: allowscripts (not D) Reference: HTML <iframe> sandbox Attribute

NEW QUESTION 2
You are developing application web form by using HTML5 and JavaScript. You need to prevent users from submitting form data more than once. Which code segment should you use?

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

Answer: A

Explanation: * this, in disable(this), refers to the clicked button.
* The disabled attribute is a boolean attribute.
When present, it specifies that the <input> element should be disabled. A disabled input element is unusable and un-clickable.
The disabled attribute can be set to keep a user from using the <input> element until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript could remove the disabled value, and make the <input> element usable.
Reference: HTML <input> disabled Attribute

NEW QUESTION 3
You are creating a page that contains detailed employee information for a company portal. The page uses a jQuery library. The page contains a hidden button named btnEdit that is defined by the following code.
<button id="btnEdit" style="display: none;>Edit</button> The button is not displayed by default.
The button must be displayed only if the user is logged on.
You need to add code to the document.ready() function to meet the requirements for the button. Which line of code should you use?

• A. $ (‘#btnEdit’).appear ();
• B. $ (‘#btnEdit’).visible = true;
• C. $ (‘#btnEdit’).show();
• D. $ (‘#btnEdit’).Visible();

Answer: C

Explanation:
With jQuery, you can hide and show HTML elements with the hide() and show() methods: Example
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Reference: jQuery Effects - Hide and Show

NEW QUESTION 4
You are modifying a blog site to improve search engine readability.
You need to group relevant page content together to maximize search engine readability. Which tag should you use?

• A. <span>
• B. <nav>
• C. <cable>
• D. <section>

Answer: D

Explanation: The <section> tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.

NEW QUESTION 5
You are creating a custom object as described by the following code. Line numbers are included for reference only.

You need to implement the perimeter method. Which code segment should you insert at line 05?

• A. function perimeter () {return 4 * side;}
• B. function perimeter () {return 4 * this.side;}
• C. function perimeter () {return 4 * me.side;}
• D. function perimeter (obj) {return 4 * obj.side;}

Answer: B

Explanation: http://creative-coding.decontextualize.com/objects-with-methods/

NEW QUESTION 6
You are creating a JavaScript function to display the current version of a web application You declare a button as follows.
<input type="button" id="About" value="About" />
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

Answer: C

Explanation: Example
When passing parameter values, use an "anonymous function" that calls the specified function with the parameters:
document.addEventListener("click", function() { myFunction(p1, p2);
});
Reference: HTML DOM addEventListener() Method

NEW QUESTION 7
DRAG DROP
You are writing a jQuery function that makes an Ajax request to a remote server.
You need to ensure that if Ajax communications are unsupported by a browser, an error is thrown. You write the following code.

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

Answer:

Explanation: Target 1: window
Target 2: XMLHttpRequest
Target 3: xhrequest
Target 4: ActiveXObject

NEW QUESTION 8
You are developing an HTML5 web application and are styling text. You need to use the text-transform CSS property.
Which value is valid for the text-transform property?

• A. Capitalize
• B. Red
• C. 20px
• D. Italic

Answer: A

Explanation: CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit; Example
Transform text in different elements: h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;} p {text-transform:lowercase;}
Reference: CSS text-transform Property http://www.w3schools.com/cssref/pr_text_text-transform.asp

NEW QUESTION 9
HOTSPOT
You troubleshoot a webpage that includes the following code segment:

You need to evaluate the value of the variable named customer.name.
For each statement in the table, select Yes if the code segment above causes the variable to evaluate as described. Select No if it does not. Make only one selection in each column.

Answer:

Explanation: The variable customer is undefined, as it outside the scope of the function, at line alert(customer.name);

NEW QUESTION 10
You implement an application by using HTML5 and JavaScript. You create a webpage that contains the following HTML:

The application must place a border on only the first UL element that is contained in the DIV element.
You need to update the webpage. What should you do?

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

Answer: D

Explanation: Example: CSS File: ul {
border: 1px solid black;
}
Inline CSS:
<ul class="container" style="border: 1px solid black">

NEW QUESTION 11
DRAG DROP
An HTML page has a CANVAS element.
You need to draw a red rectangle on the CANVAS element dynamically. The rectangle should resemble the following graphic.

How should you build the code segment? (To answer, drag the appropriate line of code to the correct location. Each line of code 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.)

Answer:

Explanation: Example:
Drawing with JavaScript
<script>
var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000"; ctx.fillRect(0,0,150,75);
</script>
Reference: HTML5 Canvas http://www.w3schools.com/html/html5_canvas.asp

NEW QUESTION 12
DRAG DROP
You create an HTML5 webpage. You have the following HTML markup:

You also have the following JavaScript code segment:
var jsonFruit = { "apples" : "12", "bananas" : "8", "watermelon" : "3" }
You need to add additional rows to the fruitTable element by processing the jsonFruit values in the order listed.
Which three actions should you perform in sequence? (Develop the solution by selecting the required code segments and arranging them in the correct order.)

Answer:

Explanation:

NEW QUESTION 13
You have the following markup.

You need to ensure that flex1 is displayed on the right of the page. flex2 must be displayed directly to the left of flex1.
Which style should you add to the outer div?

• A. flex-direction:column-reverse
• B. flex-direction:row-reserve
• C. flex-direction: row
• D. flex-direction: column

Answer: B

NEW QUESTION 14
You are developing a blog web page that is being optimized for accessibility. The page includes the following HTML.

The heading tags represent a blog post title, a blog post subtitle, and the author's name.
You need to ensure that the three headings are treated as a unit but retain their individual formatting.
Which tags should you use to wrap the H1, H2, and H3 elements?

• A. <group></group>
• B. <header></header>
• C. <hgroup></hgroup>
• D. <headings></headings>

Answer: C

Explanation: The <hgroup> tag is used to group heading elements.
The <hgroup> element is used to group a set of <h1> to <h6> elements, when a heading has multiple levels (subheadings).
Reference: HTML <hgroup> Tag

NEW QUESTION 15
HOTSPOT
You develop an HTML messaging application that allows users to send messages. The messages can have an optional file attachment that is identified by a filename.
You use the following function to send a message:

You need to send a message with a file attachment.
How should you complete the relevant code? (To answer, select the appropriate option from each drop-down list in the answer area.)

Answer:

Explanation: Object Properties
The name:values pairs (in JavaScript objects) are called properties.
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; Reference: JavaScript Objects

NEW QUESTION 16
You are troubleshooting a web page that includes the following code segment.

You need to evaluate the value of the variable x. What will be displayed in the user interface?

• A. 1
• B. 2
• C. An error

Answer: A

Explanation: * Alert(x) is within the scope of the outermost assignment, x=0.
* 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. Reference: JavaScript Scope