JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input type='text' id='txt1' value='change me' />
        </td>
        <td>
            <input type='text' id='txt2' value='change me2' />
        </td>
        <td>
            <input type='button' value='revert' onclick='revert(this)'/>
        </td>
    </tr>
    <tr>
        <td>
            <input type='text' id='txt3' value='change me3' />
        </td>
        <td>
            <input type='text' id='txt4' value='change me4' />
        </td>
        <td>
            <input type='button' value='revert' onclick='revert(this)'/>
        </td>
    </tr>
</table>

CSS

table, td, tr {
    border: 1px solid black;
}

JavaScript

function revert(btn) {
    var parentTr = btn.parentNode.parentNode;
    var inputs = parentTr.getElementsByTagName('input');
    for(var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'text') {
            inputs[i].value = originalMap[inputs[i].id];
        }
    }
}
var originalMap = {};
// generate the data-original based on the initial data
var ipts = document.getElementsByTagName('input');
for(var i = 0; i < ipts.length; i++) {
    if (ipts[i].type == 'text') {
        originalMap[ipts[i].id] = ipts[i].value;
    }
}