@brandonetter
Posted
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.
@Saubhagya111
Posted
@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].