JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr><th>Celsius</th><th>Fahrenheit</th></tr>
    </thead>
    <tbody id="temperatureTableTbody"></tbody>
</table>

CSS

th, td { border:black 2px solid; padding:5px; text-align:center; }

JavaScript

(function() {
    var tbody = document.getElementById('temperatureTableTbody');
    for (var celsius = 0; celsius <= 50; celsius++) {
        var tr = document.createElement('tr'),
            tdcelsius = document.createElement('td'),
            tdfahr = document.createElement('td');
        tdcelsius.appendChild(document.createTextNode(celsius));
        tdfahr.appendChild(document.createTextNode((celsius*9/5)+32));
        tr.appendChild(tdcelsius);
        tr.appendChild(tdfahr);
        tbody.appendChild(tr);
    }
}());