JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <script>
    $(function() {
        var spinner = $( "#spinner" ).spinner();
 
        $( "#disable" ).click(function() {
            if ( spinner.spinner( "option", "disabled" ) ) {
                spinner.spinner( "enable" );
            } else {
                spinner.spinner( "disable" );
            }
        });
        $( "#destroy" ).click(function() {
            if ( spinner.data( "ui-spinner" ) ) {
                spinner.spinner( "destroy" );
            } else {
                spinner.spinner();
            }
        });
        $( "#getvalue" ).click(function() {
            alert( spinner.spinner( "value" ) );
        });
        $( "#setvalue" ).click(function() {
            spinner.spinner( "value", 5 );
        });
 
        $( "button" ).button();
    });
    </script>
</head>
<body>
 
<p>
    <label for="spinner">Bir değer seçiniz:</label>
    <input id="spinner" name="value" />
</p>
 
<p>
    <button id="disable">Toggle disable/enable</button>
    <button id="destroy">Toggle widget</button>
</p>
 
<p>
    <button id="getvalue">Değeri getir</button>
    <button id="setvalue">Değeri 5 e set et</button>
</p>
 
 
</body>
</html>