JSFiddle - React, Tailwind, and code Playground

by vpetrychuk

HTML

<div><div class="score">0</div></div>
<div><div class="score">0</div></div>

CSS

div.score {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: blue;
    color: white;
    text-align: center;
    margin: 5px 10px;
    padding-top: 6px;
}

JavaScript

$('div.score').click(function() {
   $this = $(this);
    $this.hide('slide', { direction: 'right' }, 250, function() {
        $this.show('slide', { direction: 'left' }, 250).text(parseInt($this.text(), 10) + 1);
    });
});