JSFiddle - React, Tailwind, and code Playground

HTML

<div id="id1" class="clickme">1</div>
<div id="id2" class="clickme">2</div>
<div id="id3" class="clickme">3</div>

CSS

.visited{
    border-bottom: 10px solid red;
}

JavaScript

visited = localStorage.getItem('avisited')

if (visited === null) {
  localStorage.setItem('avisited', []);
  visited = [];
}
else{
	visited = visited.split(",")
}

console.log(visited)

divs = document.querySelectorAll(".clickme");

divs.forEach(function(div) {
  div.addEventListener("click", function(ev) {
    if (visited.indexOf(div.id) == -1) {
      visited.push(ev.target.id)
    }
    localStorage.setItem('avisited', visited);
  })
  
    if (visited.indexOf(div.id) > -1) {
    div.classList.add("visited")
  }

});