index.html

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://wasper1.github.io/rotating-slider/src/rotating-slider.js"></script>
    <link rel="stylesheet" href="https://wasper1.github.io/rotating-slider/src/rotating-slider.css">
</head>
<body>
<div>
    Integers
    <h1 id="rotating-slider1"/>
</div>
<div>
    Decimal numbers
    <h1 style="width: 50%; margin: auto;" id="rotating-slider2"/>
</div>

<script>
    RotatingSlider("#rotating-slider1", {min: 1, max: 100, step: 1}, 10).setChangeCallback(function (val) {
        console.log(val);
    });
    RotatingSlider("#rotating-slider2", {min: 1, max: 5, step: 0.5}, 4.5).setChangeCallback(function (val) {
        console.log(val);
    });
</script>
</body>
</html>