JSFiddle - React, Tailwind, and code Playground

HTML

<label>Your favorite fruit:
<datalist id="fruit">
<option value="Blackberry">Blacskberry</option>
<option value="Blackcurrant">Blackcurrant</option>
<option value="Blueberry">Blueberry</option>
</datalist>


<input type="text" name="fruit" list="fruit"/>
</label>

JavaScript

var el = document.getElementsByName('fruit')[0];

el.addEventListener('input', function () {
    alert(this.value)
});