JSFiddle - React, Tailwind, and code Playground

HTML

<table width="500" border="0" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td style="text-align: right;">&nbsp; &nbsp; &nbsp; &nbsp;&Oslash;nsket Antal :</td>
            <td style="text-align: left;"><input type="text" name="Quantity" id="quantity" /><input type="hidden" name="price" id="price" value="18150" /></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">&nbsp;<font face="Verdana" size="2" color="blue" style="font-family: Verdana; font-size: small; text-align: -webkit-center;"><b>Pris: pr. stk/enhed&nbsp;<font color="red">18.150,00 Kr.</font></b></font><span style="font-family: Verdana; font-size: small; text-align: -webkit-center;">&nbsp;</span><a id="fck_paste_padding"></a></td>
        </tr>
        <tr>
            <td colspan="2">&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;"><input type="submit" id="AddProduct" name="Add Product" /></td>
        </tr>
    </tbody>
</table>
<div id="solution">&nbsp;</div>

JavaScript

$(document).ready(function() {
$('#AddProduct').click(function() {
    var quan = $('#quantity').val();
    var pri = $('#price').val();
    var totalPrice = $('#price').val() * $('#quantity').val();
    var table = $('<table class="t" border="1" cellpadding="3" cellspacing="3" width="100%"><tbody><tr><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>Antal</strong></font></td><td width="10%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>Vare</strong></font></td><td width="40%" align="left" valign="middle"><font color="blue" face="Verdana" size="2"><strong>Beskrivelse</strong></font></td><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>á Pris</strong></font></td><td width="15%" align="left" valign="middle" nowrap=""><font color="blue" face="Verdana" size="2"><strong>i alt</strong></font></td></tr><tr><td width="15%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">'+ quan +'</font></td><td width="15%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">138</font></td><td width="40%" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">30 skrm Kløvet Ask brænde</font></td><td width="15%" align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ pri +'</font></td><td width="15%" align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ totalPrice +'</font></td></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">Subtotal:</font></td><td align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.'+ totalPrice +'</font></td></tr><tr><td colspan="4" align="left" valign="middle" nowrap=""><font face="Verdana" size="2">Levering:</font></td><td align="right" valign="middle" nowrap=""><font face="Verdana" size="2">Kr.0,00<input type="hidden" name="intShipping"...