JSFiddle - React, Tailwind, and code Playground

by f0084rrrr

HTML

<select id="activitySelector">
      <option value="addNew">Add New Item</option>
</select>

JavaScript

var activities = document.getElementById("activitySelector");

activities.addEventListener("click", function() {
    var options = activities.querySelectorAll("option");
    var count = options.length;
    if(typeof(count) === "undefined" || count < 2)
    {
        addActivityItem();
    }
});

activities.addEventListener("changed", function() {
    if(activities.value == "addNew")
    {
        addActivityItem();
    }
    console.log(activities.value);
});

function addActivityItem() {
    alert("Adding an item");
    
    var option = document.createElement("option");
    option.value = "test";
    option.innerHTML = "test";
    
    activities.appendChild(option);
}