JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<input type="date" value="2014-01-01">
<input type="number" value="5" min="0" max="10">
<input type="range" value="5" min="0" max="10">

JavaScript

var inputDate = document.querySelector( "input[type=date]" ),
    inputNumber = document.querySelector( "input[type=number]" ),
    inputRange = document.querySelector( "input[type=range]" );

inputDate.addEventListener( "change", function() {
    alert( "date change" );
});
inputNumber.addEventListener( "change", function() {
    alert( "number change" );
});
inputRange.addEventListener( "change", function() {
    alert( "range change" );
});

inputDate.setAttribute( "min", "2015-01-01" );
inputNumber.setAttribute( "min", 7 );
inputRange.setAttribute ("min", 7 );