JSFiddle - React, Tailwind, and code Playground

HTML

<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
  <option value="1">Chocolate</option>
    <option value="2">Coconut</option>
    <option value="3">Mint</option> 
    <option value="4">Strawberry</option>
</datalist>

JavaScript

(function() {
console.log(
document.getElementById('ice-cream-choice'))
document.getElementById('ice-cream-choice').addEventListener('change', function(ev) {
  alert("You selected : " + ev.target.value)
})
})()