JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<script>
    function tableCreate() {
        var body = document.body,
                tbl = document.createElement('table');
        tbl.style.width = '100px';
        tbl.style.border = '2px solid black';
        var n = 5
        for (var i = 0; i < n; i++) {
            var tr = tbl.insertRow();
            var td = tr.insertCell(0);
            var tf = tr.insertCell(0);
            var input = document.createElement('input');
            input.name = "input-a" + i;
            input.id = "input-a" + i;
            input.value = "";
            var clone = input.cloneNode();
            clone.name = "input-b" + i;
            clone.id = "input-b" + i;
            td.appendChild(clone);
            tf.appendChild(input);
            td.style.border = '2px solid black';
            tf.style.border = '2px solid black';
        }
        var form = document.createElement("form");
        form.appendChild(tbl);
        body.appendChild(form);
        var submit = document.createElement("input");
        submit.type = "submit";
        form.appendChild(submit);

        form.addEventListener("submit",  function (e) {
            var c= document.getElementById("input-a1");
            var div= document.getElementById("valueFromA1");
            div.innerHTML=c.value;

            e.preventDefault();
            return false;

        }, false);


        var div = document.createElement("div");
        div.id="valueFromA1";

        body.appendChild(div);

    }
    tableCreate();
</script>
</body >