JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li class="guestInput">test1</li>
    <li class="guestInput">test2</li>
    <li class="guestInput">test3</li>
</ol>

JavaScript

var inputs = document.querySelectorAll(".guestInput");
for (var i = 0; i < inputs.length; i++) {
    addRemoveButton(i);
}

function addRemoveButton(i) {
    var removeButton = document.createElement("button");
    removeButton.type = "button";
    removeButton.className = "remove";
    removeButton.innerHTML = "x";
    removeButton.dataset["index"] = i;
    document.querySelectorAll(".guestInput")[i].appendChild(removeButton);

    var removeButtons = document.querySelectorAll(".remove");
    removeButtons[i].addEventListener("click", function() {
        document.querySelectorAll(".guestInput")[i].parentNode.removeChild(document.querySelectorAll(".guestInput")[i]);
    });
}