JSFiddle - React, Tailwind, and code Playground

HTML

<input class="total" type="text" value="" readonly="readonly" />

<div class="product">
    <p id="price1">99,00</p>
</div>
<div class="product">
    <p id="price2">101,00</p>
</div>
<div class="product">
    <p id="price3">50,00</p>
</div>
<div class="product">
    <p id="price4">1,99</p>
</div>
<div class="product">
    <p id="price5">2,01</p>
</div>

JavaScript

var sumPrice = 0;

$(".product").click(function() {    
    sumPrice += parseFloat($(this).text());
    
    $(".total").val(sumPrice);
});