<input type="range"> и <input type="number">input_connect('#input', '#output');
function input_connect(input, output) {
$(input).on('input', function() {
var newval = $(this).val();
$(output).val(newval);
});
$(output).on('input', function() {
var newval = $(this).val();
$(input).val(newval);
});
}
function connectInputs(selector) {
const onInput = e => $inputs.val(e.target.value);
const $inputs = $(selector).on('input', onInput);
return () => $inputs.off('input', onInput);
}
connectInputs('#input, #output');function connectInputs([...inputs]) {
const onInput = e => inputs.forEach(n => n.value = e.target.value);
inputs.forEach(n => n.addEventListener('input', onInput));
return () => inputs.forEach(n => n.removeEventListener('input', onInput));
}
connectInputs(document.querySelectorAll('#input, #output'));