JSFiddle - React, Tailwind, and code Playground

by Jan Rozklad

HTML

<table>
  <tbody id="Where_it_displaye">
    
  </tbody>
</table>

JavaScript

const data = {"Tool1_qty": 1, "Tool1_loc": "aaa", "Tool1_note": "aaa",
 "Tool2_qty": 2, "Tool2_loc": "bbb", "Tool2_note": "bbb",
 "Tool3_qty": 3, "Tool3_loc": "ccc", "Tool3_note": "ccc",
 "Tool4_qty": 4, "Tool4_loc": "ddd", "Tool4_note": "ddd"};

const rows = [];

for (let i = 1; i <= 4; i++) {
	const row = [
  	data[`Tool${i}_qty`],
    data[`Tool${i}_loc`],
    data[`Tool${i}_loc`]
  ];
  
  rows.push(`<tr><td>${row.join('</td><td>')}</td></tr>`);
}

document.getElementById("Where_it_displaye").innerHTML = rows.join('');