Как заставить работать данный код со всеми input?

155
17 октября 2018, 04:30

Как заставить работать данный код со всеми input?

const InputFormatType = { 
    THOUSAND: 3 
}; 
const decorator = ( value, format = InputFormatType.THOUSAND ) => value 
    .split( '' ) 
    .filter( char => char !== " " ) 
    .reverse() 
    .reduce( ( result, char, index ) => result += (( index >= format && index % format === 0 ? " " : "" ) + char), "" ) 
    .split( '' ) 
    .reverse() 
    .join( '' ); 
 
const input = document.body.querySelector('input'); 
input.addEventListener('input', input_inputHandler); 
 
function input_inputHandler( { target } ){ 
  target.value = decorator( target.value ); 
}
<input type="text" class="input"> 
<input type="text" class="input">

Answer 1

const InputFormatType = { 
    THOUSAND: 3 
}; 
const decorator = ( value, format = InputFormatType.THOUSAND ) => value 
    .split( '' ) 
    .filter( char => char !== " " ) 
    .reverse() 
    .reduce( ( result, char, index ) => result += (( index >= format && index % format === 0 ? " " : "" ) + char), "" ) 
    .split( '' ) 
    .reverse() 
    .join( '' ); 
 
// Выбираем все элементы селектора 
const inputs = document.body.querySelectorAll('input'); 
 
// Перебираем элементы, навешивая на каждый обработчик события 
inputs.forEach(function(input) { 
  input.addEventListener('input', input_inputHandler); 
}); 
 
function input_inputHandler( { target } ){ 
  target.value = decorator( target.value ); 
}
<input type="text" class="input"> 
<input type="text" class="input">

READ ALSO
Как работает str.indexOf?

Как работает str.indexOf?

Изучаю javascriptВ учебнике вот такой пример:

200
Как добавлять элементы в объект js?

Как добавлять элементы в объект js?

Есть глобальные объект, который пытаюсь заполнять на фронте собирая данные из checkbox для отправки на север

285
Вывод названия дня в Google Charts

Вывод названия дня в Google Charts

мне нужно вывести название дня в дате в Google Charts

153