JSFiddle - React, Tailwind, and code Playground

by codebazz

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<a href="javascript:void(0);" class="example">Add to Library</a>

JavaScript

var clicked = (localStorage.getItem("status")=="false")?localStorage.getItem("status"):"true";
var hrefText;
var add="Remove From Library";
var remove="Add to Library";
if(clicked=="true"){
  clicked=true; 
  hrefText=add;
}else{
  clicked=false
  hrefText=remove;
}
$(".example").text(hrefText);
console.log(clicked);

$(".example").click(function(e){
  e.preventDefault();
  if(clicked){
     clicked  = false;
     var personal_lib_checked = $(this).attr('class');
     //add_to_function(personal_lib_checked, 'add');
     localStorage.setItem("status", clicked);
     $(this).text(remove);
     //checked only for this condition
   } else {
     clicked  = true;
     var personal_lib_checked = $(this).attr('class');
     //add_to_function(personal_lib_checked, 'remove');
     localStorage.setItem("status", clicked);
     $(this).text(add);
   }  
});