JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<head>
<title>TranceLife</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="/js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="/js/countdown/jquery.countdown.css"/>
<style>
span {
    position: relative;
    height: 15px;
    font-size: 14px;
}
.qwert {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    position: relative;
    width: 1.05em;
}
</style>
<script>
$(document).ready(function(){
function qa(){
$('span').animate({'top':"15px","opacity":"0"},400).html(parseInt($('span').html())+1).animate({'top':"-15px"}).animate({'top':"0","opacity":"1"},200);
}
$('button').on('click',qa);
});
</script>
</head>
<body>
<center>
<button>Click</button>
<br />
<div class="qwert"><span>0</span></div>
</center>
</body>
</html>