JSFiddle - React, Tailwind, and code Playground

HTML

<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10"> 
    <button id="changeX">Add 100 to X</button>
</div>
<span id="results"></span>

JavaScript

logit();

$("#changeX").on("click", function() {
    $("#overview").data("x", $("#overview").data("x") * 100);
    logit();
});

function logit() {
$("#results").html('data(x) is ' + $("#overview").data("x"));
};