JSFiddle - React, Tailwind, and code Playground
HTML
<input type="range" class="slider 60" min=-16 max=16 step=1>
<input type="range" class="slider2" min=-16 max=16 step=1 onChange="change()">
JavaScript
// Здесь нужно дождаться загруски DOM
window.onload = () => {
var inputs = document.querySelectorAll(".slider");
inputs.forEach( ( input ) => {
input.onchange = function() {
console.log('change');
}
});
};
// В этом случае нужно загрузить script до DOM, т.е. скрипт должен вызваться раньше строки
// <input type="range" class="slider2" min=-16 max=16 step=1 onChange="change()">
function change(){
console.log('change2');
}