JSFiddle - React, Tailwind, and code Playground

by NickU

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<html> 
    
<head> 
    <link href= 
'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css'
          rel='stylesheet'> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" > 
    </script> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" > 
    </script> 
</head> 
  
<body> 
    Date: <input type="text" id="my_date_picker"> 
   
    <script> 
function pauseBrowser(millis) {
    var now = new Date().getTime();
    while(new Date().getTime() < now + millis){ /* do nothing */ } 
}


$(function () {
   pauseBrowser(3000);
   console.log('alert 1');
});


$(function () {
   pauseBrowser(1000);
   console.log('alert 2');
});


$(function () {
    console.log('alert 3');
});

    
 $(function() { 
                $( "#my_date_picker" ).datepicker(); 
            });     
    
        $(document).ready(function() { 
            console.log('ready');
        }) 
        
        
    </script> 
</body> 
  
</html>