<script>

var output_var=0

var slider = document.getElementById("myRange");
var output = document.getElementById("demo");

output.innerHTML = slider.value;
console.log("outside slider output", output.innerHTML)

slider.oninput = function() {
  output.innerHTML = this.value;



output_var=output.innerHTML

console.log("output_var inside the slider function - works correctly", output_var)

}

console.log("output_var outside the slider function - doesn't work", output_var)

</script>