JSFiddle - React, Tailwind, and code Playground

by hcanning2012

HTML

<div class="tuition-calc">251</div>
    <div class="tuition-calc">343</div>
    <div class="tuition-calc">3</div>
    <div class="tuition-calc">4</div>


<div id="total-t1-cost">0</div>

JavaScript

var tuition = $('.tuition-calc'),
    total = $('#total-t1-cost'),
    sum = 0;

$.each(tuition, function(value) {
  // items[value] will contain an HTML element, representing an 'item'.
  var itemValue = parseFloat(tuition[value].innerHTML);
  sum += !isNaN(itemValue) ? itemValue : 0;
});

total.html('Total: $' + sum);