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;
    });
  }
});