JSFiddle - React, Tailwind, and code Playground

by Sean Cannon

HTML

<input type="range" min="0" max="100">
  <span>Some text</span>

CSS

input[value="0"]+span {background:red;}
 input[value="50"]+span {background:green;}

JavaScript

$('[type="range"]').on('change', function() {
    $(this).attr('value', this.value);
});