JSFiddle - React, Tailwind, and code Playground

by Ratsuns

HTML

<input type="range" class="prinz-rs__range" name="rangeInputName" value="0" min="20" max="100" oninput='dynamicDisplayChange(this, "head_1", "33");' />
<h3 class="focused">hello there</h3>

JavaScript

function dynamicDisplayChange(elem, target, id) {
  if ('head_1' == target) {
    $('.focused').css('font-size', elem.value + 'px');
  }
}