reactjs - Javascript - Table data from column to column -

i want use javascript (using react.js also) make simple converter program preset values.

i need to:

1. find value in first column matching inputted value
2. go along row 1 , take value cell.

for example table,

i enter "4" , values of color, , maybe other columns.

how , there easier way?

this function takes 2 parameters. first 1 value want compare first cell in each row. second 1 number of column in value want get.

function getcellbyfirstrowvalue(yourvalue, columnnumber) {     var table = document.getelementbyid("tableid");     (var = 0, row; row = table.rows[i]; i++) {         if(row.cells[0].innerhtml == yourvalue) {             return row.cells[columnnumber].innerhtml;         }     } }  alert(getcellbyfirstrowvalue(1, 2)); // alerts "tests2" alert(getcellbyfirstrowvalue(2, 1)); // alerts "tests3" alert(getcellbyfirstrowvalue(3, 1)); // alerts "tests5" 

here link working jsfiddle: https://jsfiddle.net/lxc7ut3u/