Javascript DOM & Event Handling MCQ - Quiz

Q: Which of the following functions allows you to register a function that will be called repeatedly after a given amount of time?

A. setTimeout()
B. setTotaltime()
C. setInterval()
D. settime()

Correct Option: C
Remarks:

Explanation:

You can register a method to be called once or again after a certain amount of time has passed using the setTimeout() and setInterval() functions. In javascript, both of these functions are used to manipulate time.

Q: What would the following JavaScript code produce?


function validate() 
{  
    var msg;  
    if(document.myForm.userPass.value.length>5)
    {  
        msg="good";  
    }  
    else
    {  
         msg="poor";  
    }  
    document.getElementById('mylocation').innerText=msg;  
}  
<form name="myForm">  
<input type="password" value="rhuld"  onkeyup="validate()">  
Strength:<span id="mylocation">no strength</span>  
</form>

A. Strength: good
B. Strength: poor
C. Strength: no strength
D. Undefined

Correct Option: B
Remarks:

Explanation:

Dynamic text can be written on an HTML document using the innerText property. It is primarily used in web sites to create dynamic content, such as producing the validation message or determining the security of a password.

Q: According to javascript, how are windows, tabs, iframes, and frames handled?

A. They are all browsing contexts
B. They are all browsing information
C. They are all Window contexts
D. They are all Window objects

Correct Option: D
Remarks:

Explanation:

Client-side JavaScript makes little distinction between windows, tabs, iframes, and frames
They are all browsing contexts
To JavaScript, they are all represented by the Window object.

Q: The fourth argument to open() will be useful when?

A. When the second argument names a retired window
B. When the first argument names an existing window
C. When the second argument names an existing window
D. When the first argument names a retired window

Correct Option: C
Remarks:

Explanation:

The fourth argument to open() is useful only when the second argument names an existing window.
The fourth argument is a boolean value, indicating whether the URL should replace the current entry in the window's browsing history (true) or create a new entry in the window's browsing history (false)
Omitting this argument is the same as passing false by default.

Q: What would the following JavaScript code produce?


<p id="demo"></p>
<script>
var x = 'It\'s';
document.getElementById("demo").innerHTML = x ; 
</script>

A. It\
C. It
D. Error

Correct Option: C
Remarks:

Explanation:

A backslash is placed in front of any apostrophes found in the string.
After a backslash, the string skips over the character's execution.

Q: The method the browser uses to select which objects to activate event handlers on is

A. Event Triggering
B. Event Listening
C. Event Handling
D. Event propagation

Correct Option: D
Remarks:

Explanation:

The method by which the browser selects which objects to activate event handlers is known as event propagation.
The "stack" of events that are fired in a web browser is known as event propagation.

Q: Which event occurs first when the document and its elements are ready to be manipulated?

A. DOMContentLoaded
B. readystatechange
C. Both DOMContentLoaded & readystatechange
D. Statechange

Correct Option: C
Remarks:

Explanation:

DOMContentLoaded and readystatechange are load event alternatives:
they are triggered earlier, when the document and its elements are ready to manipulate but before external resources have been fully loaded.

Q: The drag and drop events are which of the following?

A. drop
B. dragstart
C. both drop and dragstart
D. dropover

Correct Option: C
Remarks:

Explanation:

Applications may exploit the drag and drop functionality of Firefox and other browsers thanks to HTML Drag and Drop interfaces.
The following seven event kinds are defined by the API:
dragstart
drag
dragend
dragenter
dragover
dragleave
drop

Q: Which technique is employed to include a binding?

A. binding()
B. add_bind()
C. bind()
D. addbind()

Correct Option: C
Remarks:

Explanation:

The bind() method generates a new function whose this keyword is set to the supplied value when it is called.
Any arguments that are passed in before the new function is called come first in the given sequence.

Q: Which node type represents the DOM tree's root node?

A. Document
B. DocumentFragment
C. DocumentType
D. Entity

Correct Option: A
Remarks:

Explanation:

Everything in an HTML document is classified as a different node.
The node type Document represents the DOM tree's root node, the entire document.

Javascript DOM & Event Handling MCQ - Quiz

Which of the following functions allows you to register a function that will be called repeatedly after a given amount of time?

According to javascript, how are windows, tabs, iframes, and frames handled?

The fourth argument to open() will be useful when?

What would the following JavaScript code produce? <p id="demo"></p> <script> var x = 'It\'s'; document.getElementById("demo").innerHTML = x ; </script>

The method the browser uses to select which objects to activate event handlers on is

Which event occurs first when the document and its elements are ready to be manipulated?

The drag and drop events are which of the following?

Which technique is employed to include a binding?

Which node type represents the DOM tree's root node?

What would the following JavaScript code produce?