JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mywraper">
      <div id="div1" onchange="total()">
	    4
      </div>
      <div id="div2"  onchange="total()">
	    5
      </div>
	  <div id="div3" onchange="total()">
	    6
      </div>
</div>
 <div id="total_div">
    Total $<span id="total"></span>
  </div>

JavaScript

function total() {
    // fetch text using 'text' method and then convert string into number using '+'
    var value1 = +$('#div1').text() || 0;
    var value2 = +$('#div2').text() || 0;
    var value3 = +$('#div3').text() || 0;
    var total = value1 + value2 + value3;
    $('#total').html(total);
}

total();