JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<div id="awesome">
    Pes oti ayth einai h selida soy - kane click kapoy
    <div class="lecat"></div>
    <div class="lecat"></div>
    <div class="lecat"></div>
    <div class="lecat"></div>
</div>

CSS

#awesome {
    width: 400px;
    height: 600px;
    background-color: rgb(212, 187, 255);
}

.lecat {
    background-image: url('http://thecatapi.com/api/images/get?format=src&type=gif');
    background-size: cover;
    width: 100px;
    height: 100px;
    margin-top: 15px;
    margin-left: 20px;
}

JavaScript

jQuery(document).ready(function(){

    $(document).click(function(){
        mysuperduperfunction();
    });

});

function mysuperduperfunction() {
    // Edw bazeis ton kwdika gia to cookie ktl.
    alert('Yo');
}