JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid black;">
<tr style="text-align:center;">
                <td>"Stiromix"</td>
                <td><div id="c1">14.94</div></td>
    			<td><input type="number" id="q1" min="0" max="9999" onchange="changeq1();"></td>
    			<td><div id="ukupno1">0.00</div></td>
</tr>
</tr>
    			<tr style="text-align:center;">
                <td>TOTAL</td><td></td><td></td>
    			<td><div id="total"></div></td>
</tr>
</table>

JavaScript

var c1 = 14.94;
    
    function changeq1() {
        var q1 = parseInt(document.getElementById('q1').value);
        var t1 = q1 * c1;
        var total1 = t1.toFixed(2);
        document.getElementById('ukupno1').innerHTML = total1;
        
        var sum = total1;
document.getElementById("total").innerHTML=sum;
    }