JSFiddle - React, Tailwind, and code Playground

by DOK_UA

HTML

<input id="input" type="range" min="0" value="0" max="6" step="1">
<div id="output"></div>

JavaScript

var values = [1,3,5,10,20,50,35,100,101,225];

var lastElementOfXp = values[values.length - 1];

values.sort(function(a, b) {
  return a - b;
});

var input = document.getElementById('input'),
   output = document.getElementById('output');
   input.max = values.length - 1;
   input.value = lastElementOfXp;
   
input.oninput = function(){
    output.innerHTML = values[this.value];
};
input.oninput();