JSFiddle - React, Tailwind, and code Playground

by Artur Klesun

HTML

<p>
Try typing one of "apple", "pinaple", "garlic"
</p>
<input type="text" list="your-data-list"/>
<datalist id="your-data-list"></datalist>

JavaScript

var datalist = document.getElementById('your-data-list');
for (var i = 0; i < 5000; ++i) {
    var option = document.createElement('option');
    
    var value = 
    		i === 148 ? 'i like apples' :
    		i === 728 ? 'some people like pinaples' :
        i === 2013 ? 'nobody likes garlic' :
        btoa(Math.random());

    option.value = value;
    datalist.appendChild(option);
}