JSFiddle - React, Tailwind, and code Playground
HTML
<input type="range" min="0" max="10" value="0">
<h3>
0
</h3>
JavaScript
document.querySelector('input').addEventListener('change', (evt) => {
const v = evt.target.value;
console.log('changed', v);
console.log('isInteger', Number.isInteger(v));
document.querySelector('h3').textContent = v;
})