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

What is the purpose of the onclick attribute in HTML elements?

A). A. To define styles for HTML elements

B). B. To attach event listeners for mouse clicks

C). C. To insert JavaScript code directly into HTML

D). D. To create animations for HTML elements

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; }

In JavaScript, what is the purpose of the addEventListener() method?

A). A. To create inline event handlers

B). B. To attach event listeners to HTML elements

C). C. To remove event listeners from HTML elements

D). D. To bind event handlers to parent elements

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 event is triggered when a user clicks on an HTML element?

A). A. onhover

B). B. onsubmit

C). C. onload

D). D. onclick

Consider the following JavaScript code: document.addEventListener('keypress', function(event) { console.log('Key pressed:', event.key); }); What does this code do?

A). A. Adds a click event listener to the document

B). B. Adds a keypress event listener to the document

C). C. Removes a keypress event listener from the document

D). D. Checks if a key is pressed while hovering over an element

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'); });

Which statement accurately describes JavaScript event bubbling?

A). A. It refers to the downward propagation of events from parent elements to child elements.

B). B. It refers to the upward propagation of events from child elements to parent elements.

C). C. It refers to the simultaneous firing of multiple events on the same element.

D). D. It refers to the automatic removal of event listeners after an event is triggered.

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

Which event is triggered when a web page finishes loading?

A). A. onload

B). B. onsubmit

C). C. onmouseover

D). D. onclick