JSFiddle - React, Tailwind, and code Playground

by jun68ykt

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<span>
  <input type="range" id="range1" class="range" min="0" max="255" step="1" value="0">
  <span id="value1" class="value">0</span>
</span>

<span>
  <input type="range" id="range2" class="range" min="0" max="255" step="1" value="0">
  <span id="value2" class="value">0</span>
</span>

<span>
  <input type="range" id="range3" class="range" min="0" max="255" step="1" value="0">
  <span id="value3" class="value">0</span>
</span>

JavaScript

$('.range').on('input', function() {
  $('.value', this.parentNode).text($(this).val());
});