JSFiddle - React, Tailwind, and code Playground

HTML

<input id="defaultSlider" type="range" min="1" max="1000" value="1" />
<p class="note">Current value: <span id="currentValue">0</span></p>

JavaScript

var sliderValueVar = 1;

$('#defaultSlider').change(function()
{
    sliderValueVar = this.value; //sets the var outside the function
    $('#currentValue').html(sliderValueVar); //sets the innerHtml of the span
    console.log(sliderValueVar);
});