JSFiddle - React, Tailwind, and code Playground

by RoryMcCrossan

HTML

<p>
    <label for="amount">Amount Saved Each Day: &pound;</label>
    <span id="amount" style="border: 0; color: #f6931f; font-weight: bold;">0</span>
</p>
<div id="slider-savings"></div>
<p>
    <label for="amount">Amount Saved Per Month: &pound;</label>
</p>

JavaScript

$("#slider-savings").slider({
     range: "max",
     min: 10,
     max: 1000,
     value: 20,
     step: 5,
     slide: function (event, ui) {
         $("#amount").text(ui.value);
     }
 });
 $("#amount").text($("#slider-savings").slider("value"));