Skip to content
Submitted about 2 years ago

Responsive notification system using html, css and JS

Agu Jonas•50
@AJonastech
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Notifications page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

To implement the notification system I had to collect the div items in a node list object using .getElementByclassName. Then I added the click event listener to each of the items in the node list object, but had difficulty accessing the specific div item that was clicked. So I assigned unique ids to each of the div items, used the this.id method to determine which item was clicked and it eventually worked. Any idea on other ways I could have done this?

Community feedback

  • Daniel•20
    @DaijekPosted about 2 years ago

    I find this approach very intriguing because it is really different from mine (and it still works), although some of that is due to the fact that my solution is with react and yours is with vanilla javascript. I think you did a great job on this, keep up the great work. Cheers

    1
    Agu Jonas•50
    @AJonastechPosted about 2 years ago

    @Daijek Thank you Daniel

    1
    Agu Jonas•50
    @AJonastechPosted about 2 years ago

    @Daijek Thank you Daniel

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord