JSFiddle - React, Tailwind, and code Playground

by abude

HTML

<div id="question">
    <p>Put Your answer <span></span></p>
    <input type="text" />
</div>

JavaScript

$( "#question" ).dialog();

(function () {
    var timeToWaitInSeconds = 10, $timeToLeftSpan = $('#question span'), $input=$('#question input') ;
    
    function countdown(){
       
        timeToWaitInSeconds -= 1;
        
        if (timeToWaitInSeconds>0){
            $timeToLeftSpan.text(timeToWaitInSeconds);
            setTimeout(countdown,1000);
        }
        else {
            $input.hide().after('<p>Your time is over</p>');
        }
    }
    $timeToLeftSpan.text(timeToWaitInSeconds);
    setTimeout(countdown,1000);
}());