JSFiddle - React, Tailwind, and code Playground

by Kleofáš Hatlapatka

HTML

<!--
<div id="hledat">
    <input id="najdi" type="text" placeholder="Najdi"></input>
</div>
<p id="kolo"></p>
-->

<div id="autocomplete">
<input id="vypln" type="text" placeholder="Vyplnte"></input>
</div>

CSS

#vypln{
    width:200px;
}

#napoveda{
    margin:0;
    padding:0;
    height:100%;
    border:1px solid red;
}

#napoveda>li{
    margin:0;
    padding:0;
    list-style-type:none;
    color:blue;
}

JavaScript

$(document).ready(function(){
    $('#vypln').keyup(function(){
        var a = $('#vypln').val();
        var ab = a.length;
        if (ab > 1)
        {
            var policko = ["Abadon", 
"Abdon", 
"Ábel", 
"Abelard", 
"Abraham", 
"Abrahám", 
"Absolon", 
"Absolón", 
"Adalbert", 
"Adam", 
"Adin", 
"Adolf", 
"Adrian", 
"Adrián", 
"Agaton", 
"Achil", 
"Achiles", 
"Alan", 
"Alban", 
"Albert", 
"Albín", 
"Albrecht", 
"Aldo", 
"Alen", 
"Aleš", 
"Alexandr", 
"Alexej", 
"Alfons", 
"Alfréd", 
"Alois", 
"Alojz", 
"Alva", 
"Alvar", 
"Alvin", 
"Amadeus", 
"Amand", 
"Amát", 
"Ambrož", 
"Amos", 
"Ámos", 
"Anastáz", 
"Anatol", 
"Anděl", 
"Andělín", 
"Andrej", 
"Anselm", 
"Antal", 
"Antonín", 
"Aram", 
"Ariel", 
"Aristid", 
"Arkád", 
"Armand", 
"Armin", 
"Arne", 
"Arnold", 
"Arnošt", 
"Áron", 
"Árón", 
"Arpád", 
"Arsen", 
"Artur", 
"Artuš", 
"Arzen", 
"Atanas", 
"Atanáš", 
"Atila", 
"August", 
"Augustin", 
"Augustýn", 
"Aurel", 
"Aurelián", 
"Axel", 
"Baltazar", 
"Barnabáš", 
"Bartoloměj", 
"Basil", 
"Bazil", 
"Beatus", 
"Bedřich", 
"Benedikt", 
"Benjamin", 
"Benjamín", 
"Bernard", 
"Bertold", 
"Bertram", 
"Bivoj", 
"Blahomil", 
"Blahomír", 
"Blahoslav", 
"Blažej", 
"Bohdan", 
"Bohuchval", 
"Bohumil", 
"Bohumír", 
"Bohun", 
"Bohuslav", 
"Bohuš", 
"Bojan", 
"Bolemír", 
"Boleslav", 
"Bonifác", 
"Borek", 
"Boris", 
"Borislav", 
"Bořek", 
"Bořislav", 
"Bořivoj", 
"Božetěch", 
"Božidar", 
"Božislav", 
"Branimír", 
"Branislav", 
"Bratislav", 
"Bret", 
"Brian", 
"Brit", 
"Bronislav", 
"Bruno", 
"Břetislav", 
"Budimír", 
"Budislav", 
"Budivoj", 
"Cecil", 
"Cedrik", 
"Celestin", 
"Celestýn", 
"César", 
"Cézar", 
"Ctibor", 
"Ctirad", 
"Ctislav", 
"Cyprián", 
"Cyril", 
"Čeněk", 
"Čestmír", 
"Čistoslav", 
"Dag", 
"Dalibor", 
"Dalimil", 
"Dalimír", 
"Damián", 
"Dan", 
"Daniel", 
"Darek", 
"Darius", 
"David", 
"Denis", 
"Děpold", 
"Dětmar", 
"Dětřich", 
"Dezider", 
"Dimitrij", 
"Dino", 
"Dionýz", 
"Dionýzos", 
"Diviš", 
"Dluhoš", 
"Dobromil", 
"Dobromír", 
"Dobroslav", 
"Dominik",...