JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="button" value="Click Me">
<input type="text" id="product" name="product" list="productName"/>
<datalist id="productName">
</datalist>

JavaScript

$('#product').click(function() {
    data = "apple,orange,bababa";
    dataList = data.split(",");
    for(var i=0;i<dataList.length;i++)
    {
        document.getElementById("productName").innerHTML += "<option value="+dataList[i]+">"+dataList[i]+"</option>";
    }
});