JSFiddle - React, Tailwind, and code Playground

by evan

HTML

<input id="myRange" type="range" min="0" max="100" step="1" value="0"/>

<pre id="output">0!</pre>

JavaScript

var myRange = document.getElementById('myRange');
var output = document.getElementById('output');

myRange.addEventListener('input', function (e) {
  output.innerText = e.target.value + '...';
});

myRange.addEventListener('change', function (e) {
  output.innerText = e.target.value + '!';
});