DOM Events and Event Delegation
When you click a child element, the event can move up to parents. Event delegation uses one parent listener to handle many children.
Instead of giving every student a separate bell, the class monitor listens once and checks which student raised a hand.
Topic practice prompts
Event delegation puts one listener on a parent and handles child interactions by checking the event target.
- What is the difference between target and currentTarget?
- Which events do not bubble the way you expect?
Last-day revision lines
- target is origin.
- currentTarget is where the listener sits.
- Delegation reduces listener count.
- Check semantics and keyboard access too.
- JS interview preparation: context/JS Interview Preparation Questions.docx
- HTML CSS interview questions: context/HTML CSS interview question.docx
Local resource packs for this topic
Use these local packs when you want broader official-source context without leaving the app.
JavaScript Runtime and Closures
A local offline guide to the JavaScript runtime ideas interviewers repeatedly use for JS and browser rounds.
Closures, lexical scope, event loop, microtasks, timers, promise ordering, and DOM callback behavior.
Open local study packRelated topics to study after this one
HTML, CSS, and Accessibility Foundations
Explain semantics, keyboard support, focus, labels, and contrast like a product engineer.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Machine Coding Round Approach
Show how to scope, structure, and narrate your work in the practical frontend round.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.