JSFiddle - React, Tailwind, and code Playground

HTML

<table id="poo" style="margin:10px 0px 0px 0px;" width="100%" border="0" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <td><strong>Product</strong></td>
            <td><strong>Code</strong></td>
            <td><strong>Value</strong></td>
            <td><strong>Date Redeemed</strong></td>
        </tr>
    </thead>
    <tbody>
        <tr class="currentpoints">
            <td id="producttd">0</td>
            <td id="codetd">0</td>
            <td id="valuetd">0</td>
            <td id="datetd">0</td>
        </tr>  
    </tbody>
</table>

JavaScript

function test(product, code, value, time)
{
    var table = '<tr><td>' + product + '</td><td>' + code + '</td><td>' + value + '</td><td>'+ time +  '</td></tr>';
    
    $('#poo > tbody').append(table);
}
                            
test('1','1','1','1');
test('2','2','2','2');