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
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 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
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
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
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
Which event occurs when a user submits an HTML form?
A). A. onsubmit
B). B. onmouseover
C). C. onkeydown
D). D. onclick
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()
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
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