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) => {
	console.log('changed', evt.target.value);
  document.querySelector('h3').textContent = evt.target.value
})