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

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

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

What is the purpose of an event in JavaScript?

A). A. To add styles to HTML elements

B). B. To handle user interactions and browser actions

C). C. To define function names

D). D. To create animations on web pages

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

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

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

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