HackerEarth
HackerEarth

Frontend Engineer

Nested Click Handlers and Event Order

Medium
ROUND 1debuggingCandidate Not Selected

Given the following nested elements and click handlers, what will be the output when clicking the inner element? Explain the order of execution for both event bubbling and event capturing, and modify the code to demonstrate both behaviors.

This question was asked in

HackerEarth Frontend Engineer Interview Experience

The HackerEarth interview process involved a single round and covered a broad range of topics related to CSS, JavaScript, and React. Candidates can expect questions focused on event handling, CSS layout properties, and the workings of React hooks and components. Overall, the interview presented a moderate difficulty level, challenging candidates to demonstrate both their technical knowledge and practical coding skills.

AI Powered

Share Your Story

Share your interview in your own words — our AI handles the rest. Hardly takes 2 minutes.

Mock Interviews & 1:1 Guidance

Practice mock interviews or book a 1:1 call for career guidance, resume reviews, and more.

AI Interview Prep

AI interview prep powered by real interview data.

Show Your Love!

Connect with us on social media

Nested Click Handlers and Event Order | HackerEarth Interview Question | InterviewRecap