JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Enter minutes you want to work </h1>
<p>0:00</p>
<input type="text" placeholder="request">
<a href="#" class="click">Click here</a>

CSS

a, input, p {
    display: block;
    margin: 1.5em;
    font-size: 150%;
}

JavaScript

$('.click').click(function () {
    var rawAmount = $('input').val();
    var cleanAmount = parseInt(rawAmount);
    var totalAmount = cleanAmount * 60;
     $('input').val(" ");

    var loop, theFunction = function () {

        totalAmount--;

        if (totalAmount == 0) {

            clearInterval(loop);
        }
        var minutes = parseInt(totalAmount/60);
        var seconds = parseInt(totalAmount%60);
        if(seconds < 10)
            seconds = "0"+seconds;
        $('p').text(minutes + ":" + seconds);
    };
   
    var loop  = setInterval(theFunction, 1000);

})