JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://unpkg.com/jquery-knob@1.2.11"></script>
<button></button>
<input type="text" value="75">

JavaScript

var $input = $("input");
var $toggleButton = $("button")

var knobEnabled = true;
var knobPreviousValue = $input.val();

$input.knob({
  draw: function () { 
    if (knobPreviousValue === $input.val()) {
      return;
    }

    if (!knobEnabled) {
      $input.val(knobPreviousValue).trigger("change");
      return;
    }

    knobPreviousValue = $input.val();

    console.log($input.val()); 
  },
});

function renderToggleButton () {
  $toggleButton.text(knobEnabled ? "Disable t3h knob" : "Enable it back, yo");
}

$toggleButton.on("click", function () {
  knobEnabled = !knobEnabled;
  renderToggleButton();
});

renderToggleButton();