Master JavaScript DOM | Events & Projects (MCQs)

1. What does DOM stand for?

a) Data Object Model
b) Document Object Model
c) Digital Object Method
d) Display Object Model

2. Which method is used to select the first matching element?

a) getElementById()
b) getElementsByClassName()
c) querySelector()
d) queryAll()

3. Which symbol is used in querySelector() to select a class?

a) #
b) .
c) *
d) @

4. What will this code select?

document.querySelector("#title");

a) All titles
b) Class named title
c) Element with id="title"
d) Tag named title

5. Which method is used to add an event to an element?

a) onClick()
b) addEvent()
c) addEventListener()
d) attachEvent()

6. Which event runs when a button is clicked?

a) hover
b) submit
c) click
d) load

7. How do you create a new HTML element in JavaScript?

a) createElement()
b) newElement()
c) makeElement()
d) addElement()

8. Which method adds a new element to the page?

a) remove()
b) appendChild()
c) delete()
d) hide()

9. Which method is used to remove an element from the DOM?

a) delete()
b) remove()
c) clear()
d) pop()

10. Which property changes the text inside an element?

a) innerText
b) textValue
c) textNode
d) content

11. Which feature is commonly used to build a Dark Mode?

a) Variables
b) Loops
c) Class toggle
d) Arrays

12. What is used to increase or decrease numbers in a Counter project?

a) Arrays
b) Events
c) Objects
d) JSON

13. FAQ sections usually work by:

a) Reloading the page
b) Opening links
c) Show / hide content
d) Using JSON only

Wait for 20 seconds...