JSFiddle - React, Tailwind, and code Playground

HTML

<input id="slider2" type="range" min="0" max="100" step="50" value="0" >
<input id="rangeValue2" type="text" size="2">

JavaScript

var max_range = 100;
var range_element = document.getElementById("rangeValue2");
var range_input_element = document.getElementById("slider2");
range_element.value = max_range - range_input_element.value;
document.getElementById("slider2").onchange=function(){
	range_element.value = max_range - range_input_element.value;
};