JSFiddle - React, Tailwind, and code Playground

by Ialimijoro

HTML

<button id="play">Play</button>

<input id="yearslider" class="range blue" type="range" min="2000" value="2000" max="2010" step="1" list="ticks">
<datalist id="ticks">
    <option>2000</option>
    <option>2005</option>
    <option>2008</option>
    <option>2010</option>
</datalist>
<output id="rangevalue">2000</output>

JavaScript

jQuery('document').ready(function(){
	var yearslider = jQuery("#yearslider");
  
  yearslider.change(function() {
  
  	jQuery("#ticks").val();
    
  });
})