JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div class="player forward playerposition">
    <input type="button" id="btn" class="addplayer addforward" value="+" />
</div>

JavaScript

$(document).ready(function () {    
    $(document).on('click', '#btn',function(){
        var thisObject=$(this);
        if(thisObject.hasClass("addplayer"))
        {
            $.data( thisObject[0], "testdata", {
                Name: "Ronaldo"
            });
            var dataName = $.data(thisObject[0], 'testdata').Name;
            console.log(dataName);
            thisObject.val('x').removeClass('addplayer')                 .addClass('removeplayer');       
        }
        else
        {
            var dataName = $.data(thisObject[0], 'testdata').Name;
            console.log(dataName);
            $.removeData(thisObject[0], 'testdata');
            thisObject.val('+').removeClass('removeplayer')            .addClass('addplayer');  
        }  
    });
});