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

Answer & Solution

Answer: Option B
Solution:
The given JavaScript code adds a keypress event listener to the entire document. When a key is pressed while the document has focus, the specified function logs the pressed key's value to the console, allowing developers to handle keyboard input and perform actions based on the keys pressed.
Related Questions on Average

What is the purpose of the removeEventListener() method in JavaScript?

A). A. To add event listeners to HTML elements

B). B. To detach event listeners from HTML elements

C). C. To prevent event propagation in event handling

D). D. To modify HTML content dynamically

Which event occurs when a user submits an HTML form?

A). A. onsubmit

B). B. onmouseover

C). C. onkeydown

D). D. onclick

What is the purpose of the oninput event in HTML?

A). A. To track changes in form inputs

B). B. To detect mouse movements

C). C. To determine when an element is loaded

D). D. To handle form submissions

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

What is the purpose of the onmouseover event in HTML?

A). A. To detect when an element is hovered over

B). B. To track changes in form inputs

C). C. To determine when an element is loaded

D). D. To handle form submissions

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

What is the primary purpose of JavaScript functions?

A). A. To style web pages

B). B. To provide structure to HTML elements

C). C. To create reusable code blocks

D). D. To define CSS styles for HTML

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 method is used to attach an event listener to an HTML element in JavaScript?

A). A. appendEvent()

B). B. addEventListener()

C). C. attachEvent()

D). D. bindEvent()

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()