JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<h1>
  Dumb Table
</h1>
<div class="dumbtable"></div>
<h1>
  Clever Table
</h1>
<div class="clevertable"></div>

JavaScript

function mkTableDumb() {
  var table = '<table>';
  for (var i = 0; i < 5; i++) {
    table += '<tr><td>' + i + '</td><td>' + 10 * i + '</td></tr>';
  }
  table += '</table>';
  return table;
}

function mkTableClever() {
  var table = document.createElement("TABLE");
  for (var i = 0; i < 5; i++) {
    var row = table.insertRow(i);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = i;
    cell2.innerHTML = 10 * i;
  }
  return table;
}

$(".dumbtable").html(mkTableDumb())
$(".clevertable").html(mkTableClever())