Notification page using HTML, CSS, Bootstrap and JS

Community feedback

• 

  Brandon Etter•120

  @brandonetterPosted about 2 years ago

  Hi! My solution would be to add an event listener to "mark all as read" and have that run a function that toggles the class "read" on each element.

  https://codepen.io/brandonetter/pen/oNdVmZR?editors=1111

  Here's a quick example. We use document.querySelector to grab the elements and then place listeners on them. We can access the classList and use the toggle() function to add/remove a class.

  0

  ---

  

  Saubhagya•80

  @Saubhagya111Posted about 2 years ago

  @brandonetter Yep, I tried that but the thing was I was unable to write the correct syntax for the code. Later I did it using while loop in which the loop continues till the length of unread messages is greater than 0 and the class of unread would be removed from unreadMessage[0].

  1