JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
       <h1>Let's find your ideal vacation getaway!</h1>
       <div id="userinput">
         <form>
          <div class="form-group">
            <label for="question1">1.What is your favorite cuisine?</label>
            <select class="form-control" onChange="getSelected()" id="selDesc">
              <option value="0"> Select a destination</option>
              <option value="1">Mexican</option>
              <option value="2">Italian</option>
              <option value="3">Indian</option>
              <option value="4">Caribbean</option>
            </select>
            </div>
            </form>
            </div>
            </div>

JavaScript

function getSelected(){
var getValue =document.getElementById("selDesc").selectedIndex;
alert(getValue);

}