Q
Which method is used to attach an event listener to an HTML element in JavaScript?

Answer & Solution

Answer: Option B
Solution:
The addEventListener() method is used to attach an event listener to an HTML element in JavaScript. It takes the event type (e.g., 'click', 'mouseover') and a callback function as parameters, allowing developers to define actions that occur when the specified event is triggered.
Related Questions on Average

Which event is triggered when a web page finishes loading?

A). A. onload

B). B. onsubmit

C). C. onmouseover

D). D. onclick

Which of the following correctly defines a JavaScript function?

A). A. function addNumbers(num1, num2) { return num1 + num2; }

B). B. function = addNumbers(num1, num2) { return num1 + num2; }

C). C. function addNumbers(num1 + num2) { return num1 + num2; }

D). D. function addNumbers(num1, num2) => { return num1 + num2; }

How can you attach multiple event listeners to the same HTML element in JavaScript without overwriting existing ones?

A). A. By using the attachEvent() method

B). B. By using the addEventListener() method with the replace parameter

C). C. By assigning multiple functions directly to the element's event attributes (e.g., onclick, onmouseover)

D). D. By using the addEventListener() method multiple times for the same event

Which type of JavaScript function is defined without a name?

A). A. Named function

B). B. Anonymous function

C). C. Arrow function

D). D. Generator function

Consider the following HTML code: Which JavaScript code adds a click event listener to the button?

A). A. document.getElementById('myButton').onclick = function() { alert('Button clicked'); };

B). B. document.getElementById('myButton').addEventListener('click', function() { alert('Button clicked'); });

C). C. document.getElementById('myButton').click(function() { alert('Button clicked'); });

D). D. document.getElementById('myButton').on('click', function() { alert('Button clicked'); });

How can you prevent the default behavior of an event in JavaScript?

A). A. By using the event.preventDefault() method inside the event handler function

B). B. By using the event.stopPropogation() method inside the event handler function

C). C. By using the event.stopPropagation() method inside the event handler function

D). D. By using the event.defaultPrevented property inside the event handler function

Which method is used to remove an event listener from an HTML element in JavaScript?

A). A. removeEventListener()

B). B. detachEvent()

C). C. removeEvent()

D). D. clearEventListener()

Consider the following JavaScript code: let greet = function(name) { return 'Hello, ' + name + '!'; }; What type of function is greet in this code?

A). A. Named function

B). B. Anonymous function

C). C. Arrow function

D). D. Generator function

What is the purpose of parameters in a JavaScript function?

A). A. To return a value from the function

B). B. To define the function's name

C). C. To store variables within the function

D). D. To accept inputs into the function

What does the preventDefault() method do in JavaScript event handling?

A). A. Stops event propagation to parent elements

B). B. Prevents the default behavior associated with an event

C). C. Detaches event listeners from elements

D). D. Clears the event queue