JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div number="100">div</div>

CSS

div::after {
    content: attr(data-content);
    top: attr(number px);
}

JavaScript

$('div').hover(
    function()
    {
        $(this).attr('data-content',':over');
        alert($(this).attr('number'));
    },
    function()
    {
        $(this).attr('data-content',':out');
       alert($(this).attr('number',200+parseInt($(this).attr('number'))));
    }
);