JSFiddle - React, Tailwind, and code Playground
HTML
<input type="range" id="DSchoix2" name="DSchoix2" min="0" max="100" step="1">
<label for="DSchoix2">Volume <span class="range-result" data-input="DSchoix2"></span></label>
<br>
<input type="range" id="DSchoix3" name="DSchoix3" min="0" max="100" step="1">
<label for="DSchoix3">Label <span class="range-result" data-input="DSchoix3"></span></label>
JavaScript
const rangeResults = document.querySelectorAll('.range-result');
rangeResults.forEach(function(rangeResult) {
const rangeInput = document.querySelector('#' + rangeResult.dataset.input);
if (rangeInput) {
rangeResult.innerHTML = rangeInput.value;
rangeInput.addEventListener('input', function() {
rangeResult.innerHTML = this.value;
});
}
});