JSFiddle - React, Tailwind, and code Playground

HTML

<input id="inputText">
        <button>Add text</button>

        <table id = "table">
        </table>

JavaScript

document.getElementsByTagName('button')[0].onclick =  function addRow(){
                var table = document.getElementById('table');
                var newRow = table.insertRow();
                var col1 = newRow.insertCell(0);
                var col2 = newRow.insertCell(1);

                var button = document.createElement("button");
                button.innerHTML = "delete";

                button.onclick = function () {
                    var index = newRow.rowIndex;
                    table.deleteRow(index);
                }
                col1.appendChild(button);


                var enteredText = document.getElementById("inputText").value;
                col2.innerHTML = enteredText;
            }