JSFiddle - React, Tailwind, and code Playground

by Vinit Divekar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="width : 20px; height : 20px; border-radius : 50%;background-color:green"
>

</div>

JavaScript

$('#Btn').click(function(){
	let products = [];

	if(localStorage.getItem('products')){
		products = JSON.parse(localStorage.getItem('products'));
	}
	
	products.push({'productId' : 3, image : '<imageLink>'});

  localStorage.setItem('products', JSON.stringify(products));
});

$('#Remove').click(function(){
	let productId = 3;
	let storageProducts = JSON.parse(localStorage.getItem('products'));
  let products = storageProducts.filter(product => product.productId !== productId );
  localStorage.setItem('products', JSON.stringify(products));
});