JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<a href="http://www.google.com">NAVIGATE AWAY with this link, then click browser back</a>
<p><b>YOU WILL THEN SEE VALUES IN CELLS WHERE THEY DON'T BELOW</b></p>

<table id="myTable">
<tr>
    <td> <input type="text" id="one_rowOrder" value=""> </td>
    <td> <input type="text" id="one_A"  value=""> </td>
    <td> <input type="text" id="one_B"  value=""> </td>
</tr>
<tr>
    <td> <input type="text" id="two_rowOrder"  value=""> </td>
    <td> <input type="text" id="two_C"  value=""> </td>
    <td> <input type="text" id="two_D"  value=""> </td>
</tr>
<tr>
    <td> <input type="text" id="three_rowOrder"  value=""> </td>
    <td> <input type="text" id="three_E"  value=""> </td>
    <td> <input type="text" id="three_F"  value=""> </td>
</tr>
</table>

CSS

input { width:50px; }

JavaScript

document.getElementById("one_rowOrder").value = 1;
document.getElementById("two_rowOrder").value = 2;
document.getElementById("three_rowOrder").value = 3;


[].forEach.call( document.querySelectorAll("input"), function ( elem ) {
    
    console.log( [ elem.id, elem.value ] )
    
});