JSFiddle - React, Tailwind, and code Playground

by thomas_david88

HTML

<script src="https://rawgit.com/uagrace/like-dislike/master/js/like-dislike.min.js"></script>
    <div class="ratings" id="">
                <button class="btn btn-default like disable " data-id-gallerylike="{{ byusers.id }}">Like</button>
                <span class="likes">    2</span>
                <button class="btn btn-default dislike" data-id-gallerylike="{{ byusers.id }}">Dislike</button>
                <span class="dislikes">0</span>
            </div>

JavaScript 1.7

$('.ratings').likeDislike({
        initialValue: 0,
        click: function (value, l, d, event) {
            var likes = $(this.element).find('.likes');
            var dislikes = $(this.element).find('.dislikes');

            likes.text(parseInt(likes.text()) + l);
            dislikes.text(parseInt(dislikes.text()) + d);

            // $.ajax({
            //     url: 'url',
            //     type: 'post',
            //     data: 'value=' + value,
            // });
        }
    });