I would like you to help me change the numeric values of printing in an input "range"
<p><label for="vol">Nivel de Sanidad:</label>
<input style="width:80%;" type="range" id="vol" name="vol" min="0" max="1" step="0.02" value="0.5"
onchange="document.getElementById('outvol').value=value" list="tickmarks">
<output id="outvol" name="outvol" for="vol">0.5</output>
</p>
</body>
<datalist id="tickmarks">
<option value="0"></option>
<option value="0.1"></option>
<option value="0.2"></option>
<option value="0.3"></option>
<option value="0.4"></option>
<option value="0.5"></option>
<option value="0.6"></option>
<option value="0.7"></option>
<option value="0.8"></option>
<option value="0.9"></option>
<option value="1"></option>
</datalist>
that instead of 0.1 it would show me bad status in 0.2 low status and thus in each value a different text
You can do it like this, using javascript's oninput event handler :