JSFiddle - React, Tailwind, and code Playground

by mlsteeves

HTML

<ul>
    <li><input type="text" class="blah"/></li>
    <li><input type="text" class="blah"/></li>
    <li><input type="text" class="blah"/></li>
</ul>    

<textarea id="log" ></textarea>

JavaScript

$(document).ready(function(){
    $('ul').sortable(
        {update: function(){
                var s = $('#log').text();
                s += "\n sorted";
                $('#log').text(s);
            }
        }
    );
    $('ul').disableSelection();
    
    $('.blah').on("change", function(){
        var s = $('#log').text();
        s += "\n Change (" + $(this).val() + ")";
        $('#log').text(s);
        
    });
});