JSFiddle - React, Tailwind, and code Playground

by mblase75

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));
        });
    });