JSFiddle - React, Tailwind, and code Playground

by Michael Baas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<div id="contentblock"><label for="val">Enter the name of a programming language</label><input id="val" name="val" type="type=text" value="" class="ui-autocomplete-input ui-autocomplete-loading" autocomplete="off" data-enpassusermodified="yes">
  <script>
    $(function() {
      $("#val").autocomplete({
        "position": {
          "at": "left bottom",
          "my": "left top"
        },
        "source": ["APL", "AppleScript", "C", "C#", "C++", "Clojure", "Cobol", "F#", "Haskell", "Java", "JavaScript", "Julia", "PHP", "Python", "R", "Ruby", "Scala", "Scheme"]
      });
    });

  </script>
</div>