Show an inline form (textarea) when reply is clicked. On submit, add a new comment object to the parent's children array. Re-render the children container. Use a unique ID (incrementing counter or UUID).
How to Build Nested Comments in an Interview
How do you handle reply in nested comments in JavaScript?
The answer
More FAQs in How to Build Nested Comments in an Interview
Use a tree data structure. Write a recursive render function that creates a div for each comment and recursively renders children. Add vote, reply, and collapse buttons. Use event delegation for clicks. Indent with marginLeft based on depth.
A tree: each comment is an object with id, text, votes, and children (array of comment objects). Children can have their own children, forming a tree. Render recursively.
Toggle the display of the children container: childrenContainer.style.display = isVisible ? 'none' : 'block'. Update the button text (Collapse/Expand). Use event delegation to handle the click.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.