JSFiddle - React, Tailwind, and code Playground
HTML
<input id="height-slider" type="range" value="72" min="48" max="96" name="page" onchange="updateSlider(this.value)"/>
<span id="height-output"></span> =
<br>
<span id="height-output1"></span>" - <span id="height-output2"></span>"
JavaScript
$(function(){
var val = $('#height-slider').val();
heightOutput = $('#height-output');
heightOutput.html(val);
$('#height-slider').on('change', function(){
heightOutput.html(this.value);
$('#height-output1').html((parseInt(this.value)/2.42868520091).toFixed(2));
$('#height-output2').html((parseInt(this.value)/2.41585201564).toFixed(2));
});
});