JSFiddle - React, Tailwind, and code Playground

HTML

<div id="unique">
    <select id="hmm" name="drop">
        <option value="a" id="text area">Text Area</option>
        <option value="b" id="paragraph">Paragraph</option>
        <option value="c" id="radio">Radio Button</option>
        <option value="d" id="delete">Delete</option>
    </select>
    <button id="apply" onclick="apply()">Apply</button>
</div>

JavaScript

function apply() {
    var selectBox = document.getElementById("hmm");
    var selectedOption = selectBox.options[selectBox.options.selectedIndex];
    alert(selectedOption.value);
}