JSFiddle - React, Tailwind, and code Playground

HTML

<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete" />
<button id="reset_btn">clear</button>
<ul>
    <li>
        input; one letter. 'a'
        <ul>
            <li>you can next step when lookup autocomplete (ASP)</li>
        </ul>
    </li>
    <li>
        click; clear button.
        <ul>
            <li>you can look empty the textbox.</li>
        </ul>
    </li>
    <li>
        input; one letter. 'a'
        <ul>
            <li>you CAN NOT look autocomplete (ASP)</li>
        </ul>
    </li>
</ul>

JavaScript

$(function(){
    var tags = [
        "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"
    ];
    $("#autocomplete").autocomplete({
        source: function(request, response){
            var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex( request.term ), "i");
            response(
                $.grep(tags, function(item){
                    return matcher.test(item);
                })
            );
        }
    });
    $("#reset_btn").click(function(){
        $("#autocomplete").val('');
    });
});