Build a Notification Inbox
Use one delegated click handler to mark inbox items as read, update each button and row, and recalculate the remaining unread total.
JavaScript
Challenge overview
- Format
- Build a Component
- Category
- JavaScript
- Difficulty
- Intermediate
javascriptdomeventsevent-delegationclosest
Keep practicing
More coding challenges
Python · Beginner
Build a Python Slugify Utility
Write a Python slugify function that lowercases words, preserves digits, collapses punctuation into single hyphens, and handles empty input.
View challengeReact · Intermediate
Build a Recipe Serving Scaler
Build a React recipe scaler that updates ingredient amounts from serving state, respects the 1 to 8 limits, and restores the original recipe.
View challengeHTML & CSS · Intermediate
Build a Responsive Product Grid
Turn a stacked product list into a three-column CSS Grid with consistent gaps, then collapse it to one column on screens up to 700px.
View challenge