JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://refreshless.com/nouislider/source/distribute/jquery.nouislider.all.js"></script>
<link rel="stylesheet" href="http://refreshless.com/nouislider/source/distribute/jquery.nouislider.min.css">
<form id="moneyForm">
    <div id="rangeSlider"></div>
    <div id="value"></div>
    <input name="one" class="inputs">
</form>

JavaScript

$("#rangeSlider").noUiSlider_pips({
    range: { min: 1, max: 5 },
    start: 0
});

$("#rangeSlider").Link().to($("#value"), "text");

$("#rangeSlider").Link().to($(".inputs"), function ( v ) {
    console.log(this);
    $(this).val(['test','test2','test3','test4','test5'][v - 1]);
}, wNumb({ decimals: 0 }));