JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<span value="982">Add Now</span>
<br>
<span onclick="favourites('1783');">Add Now</span>
<br>
<span onclick="favourites('284');">Add Now</span>
<br>
<span onclick="favourites('465');">Add Now</span>
<br>

JavaScript

$(document).ready(function() {
  $("span").on("click", function() {
    var id = $(this).attr("value");

    var actcookies = $.cookie("favshop");
    var insertcook;

    if (actcookies == undefined) {
      insertcook = "" + id + ",";
    } else {
      insertcook = "" + actcookies + "" + id + ",";
    }

    $.cookie("favshop", "" + insertcook + "", {
      expires: -10
    });
    alert("" + insertcook);
  });

});