JSFiddle - React, Tailwind, and code Playground

HTML

<div class="evt_date"  style="overflow:hidden" style="overflow:hidden" itemscope itemtype="http://schema.org/Event">
	
				
                              
<a href="javascript:void(0);"  class="favourate_dextop" id="fav'.$data[$k]['id'].'"  onClick=" favaorite('.$data[$k]['id'].',\''.$name_event.'\',\''.$event_city.'\',\''.$event_country.'\',\''.$event_urls.'\',this)"></a>

CSS

.favourate_dextop
{
    background:url('http://im.gifbt.com/images/star1_phone.png') no-repeat;display:block;height:19px;width:18px}

.favourate_dextop:hover
{background:url('http://im.gifbt.com/images/star1_phonehover.png') no-repeat}

JavaScript

var  image2='http://im.gifbt.com/images/star1_phonehover.png';
    var  image1='http://im.gifbt.com/images/star1_phone.png';
    
    var toggle = 1;

function favaorite(sess_id,name,city,country,event_url,pointer){
  
 
      var eventData;
    //is anything in localstorage?
    if (localStorage.getItem('eventData') === null) {
        eventData = [];
    } else
    {
         // Parse the serialized data back into an array of objects
         eventData = JSON.parse(localStorage.getItem('eventData'));
	 //alert(eventData);
	 if (toggle == 1) 
	 {
	
	 $(pointer).closest('.evt_date').find('.favourate_dextop').css('background-image', 'url("' + image2 + '")');
	 
	 //$("#bg").attr('src',image2);
	 toggle = 0;
	 }
	 else {
	 
	 
	 $(pointer).closest('.evt_date').find('.favourate_dextop').css('background-image', 'url("' + image1 + '")');
	  
	  $.each(eventData, function(key, value){
	   console.log(value);
	    $('#fav'+ delete value.sess_id + '');
	    $('#fav'+ delete value.name + '');
	    $('#fav'+ delete value.city + '');
	    $('#fav'+ delete value.country + '');
	    $('#fav'+ delete value.event_url + '');
	   //delete value.sess_id;
	   //delete value.name;
	   //delete value.city;
	   //delete value.country;
	   //delete value.event_url;
	   
	  //localStorage.removeItem(value.sess_id);

	});
	 toggle = 1;
	 }
	
	
     }
      var details={};

       details.sess_id=sess_id;
       details.name=name;
       details.city=city;
       details.country=country;
       details.event_url=event_url;
       
	 /* dummy data  string */
         //var details = {name:'myname',age:'30'};
   
     // Push the new data (whether it be an object or anything else) onto the array
      eventData.push(details);
      
     // Alert the array value
       //alert(eventData);  // Should be something like [Object array]
     // Re-serialize the array back into a string and store it in localStorage
   var jsondata=localStorage.setItem('eventData', JSON.stringify(eventData));
    ...