JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<link rel="stylesheet" href="https://bootswatch.com/5/darkly/bootstrap.css">
<div class="container my-3">

<label for="customRange2" class="form-label">Example range</label>
<input type="range" id="r1" class="form-range" min="0" max="100">

</div>

JavaScript

const range1 = document.getElementById("r1");

range1.addEventListener("change", () => console.log(range1.value));