JSFiddle - React, Tailwind, and code Playground

by oduska

HTML

<div class="free-shipping-bar">
    <p>
      Enjoy Free Shipping On All Orders
    </p>

    <a href="#"><span class="sr-only">Dismiss</span></a>
  </div>

JavaScript

if (localStorage.getItem('free-shipping-notification') != 'hidden'){
	$('.free-shipping-bar').addClass('visible');
}

$('.free-shipping-bar a').on('click', function(){
		$(this).parent().hide();
    localStorage.setItem('free-shipping-notification', 'hidden');
});