JSFiddle - React, Tailwind, and code Playground

by edgematrix

HTML

<ul class="linkurl">
<li><a href="#google" class="subitem" >Google</a></li>
<li><a href="#yahoo" class="subitem" >Yahoo</a></li>
<li><a href="#facebook" class="subitem" >Facebook</a></li>
<li><a href="#whatspp" class="subitem" >Whatsapp</a></li>
<li><a href="#skype" class="subitem" >Skype</a></li>
</ul>

CSS

.linkurl li {
	list-style:none;
	float:left;
	padding:0px 10px
	
}

JavaScript

$(function(e){
	e.preventDefault();	

var location = localStorage.getItem('location');

if (location) {
  window.location.href=location;
}
else {
  var location = $('.subitem').attr('href');
  localStorage.setItem('location', location);
  window.location.href='https://www.facebook.com/';
}

$('.subitem').on('click', function(e) {
  var location = $(this).attr('href');
  localStorage.setItem('location', location);
  window.location.href=location;
  return false;
});
});