JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<span class='count'>1.10</span>
<span class='count'>4.25</span>
<span class='count'>3.00</span>
<button id='button'>Go</button>
<hr />

<span>Total: </span><span id='total'></span>

JavaScript

$("#button").click( function() {
     var newtotal=0,total = 0;

    $('.count').each( function() {
        var content = $(this).text();
          //alert(content);
        num = parseFloat(content);
         // alert(num);
         newtotal += num;
        
         $('#total').html(newtotal.toFixed(2));
    });
});