JSFiddle - React, Tailwind, and code Playground

by ermakovnikolay

HTML

<div class="navbar-header">

      <a class="navbar-brand" href="#">home</a>
    </div>
    
    <div id="Space">
  <ul id="shouldwork">
    <li role="presentation" class="sort">
      <a id="norang" href="#" style="text-decoration:none;">popularity</a>
    </li>
    <li role="presentation" class="date">
      <a id="updated" href="#"  style="text-decoration:none;">new</a>
    </li>
  </ul>
</div>

CSS

.green {
  color: green;
}

JavaScript

var ul_li_a = $("ul#shouldwork>li>a");
var lastClickTag = localStorage.getItem("last_clicked");

if(lastClickTag){
  $("#"+lastClickTag).addClass('green');
}

ul_li_a.on("click", function(){      
  ul_li_a.removeClass('green');
  $(this).addClass('green'); 
  localStorage.setItem("last_clicked", this.id);
});

$('.navbar-brand').click( function(){
	  ul_li_a.removeClass('green');
    $("#"+lastClickTag).addClass('green');
})