JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" id="one"><div id="oneValue">50</div>
<input type="range" step="00.22" id="two"><div id="twoValue">50.01</div>
<div id="calc">$100.00</div>

JavaScript

$(document).ready(function() {
  var $oneRange = $('#one');
  var $twoRange = $('#two');
  var $oneValue = $('#oneValue');
  var $twoValue = $('#twoValue');
  var $calc = $('#calc');
  
  function updateRange() {
    $oneValue.text($oneRange.val());
    $twoValue.text($twoRange.val());
    $calc.text($oneRange.val() * 1 + $twoRange.val() * 1);
  }
  
  $('#one,#two').on('change', updateRange);
});