JSFiddle - React, Tailwind, and code Playground

by stuttufu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

JavaScript

function getCookie(c_name)
{
    var i,x,y,ARRcookies=document.cookie.split(";");

    for (i=0;i<ARRcookies.length;i++)
    {
        x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
        y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
        x=x.replace(/^\s+|\s+$/g,"");
        if (x==c_name)
        {
            return unescape(y);
        }
     }
}

if (getCookie('is_logged_in') == 'true') {
  $.ajax({
    url: "/viewed/get"
  }).success(function(user_object) {
    console.log(user_object)
    var new_media_array = JSON.parse(user_object.new_media);
    console.log(new_media_array);

    $.each(new_media_array, function(key, value){
      $('.box[data-id="'+ value +'"]').addClass('new');
    });

  });
}