JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="product" list="productName"/>
<datalist id="productName">
    <option value="Pen">Pen</option>
    <option value="Pencil">Pencil</option>
    <option value="Paper">Paper</option>
</datalist>

JavaScript

document.querySelector('input').oninput = function() {
    console.log(this.value);
};