JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testDiv" data-test_data="0">
    My data is : 0
</div>

<button id="buttonAlert">
    Print div's data!
</button>

CSS

#testDiv{
    width:120px;
    height:80px;
    line-height:18px;
    font-size:18px;
}

JavaScript

$('#buttonAlert').click( function (){
    var testDivData = $("#testDiv").data("test_data");
    alert(testDivData);
});
$('#testDiv').click(function(){
    var newData = $('#testDiv').data("test_data") + 1;
    $('#testDiv').data('test_data', newData).html("My data is : " + newData);});