input увелечение/уменьшение на 1

function setHandler(e){ 
  let input  = e.querySelector('.si_input'), 
      arrows = e.querySelector('.arrows'), 
      // Устанавливаем новое значение прибавляя новое значение 
      update = num => input.value = (parseInt(input.value, 10) || 0) + num; 
   
  if(input === null || arrows === null) 
    return; 
   
  // Навешиваем и слушаем события клика на раппер стрелочек 
  // При клике, определяем на какую стрелочку нажали просто проверяя класс 
  arrows.addEventListener('click', e => update(e.target.classList.contains('up') ? 1 : -1)); 
} 
 
document.addEventListener('DOMContentLoaded', e => { 
  // It is alive!!! 
  Array.from(document.querySelectorAll('.si_form')).forEach(e => setHandler(e)); 
});

.si_form { 
	margin-top: 15px; 
    padding: 5px; 
    position: relative; 
    width: 60px; 
    height: 20px; 
    background:#000; 
    -webkit-box-shadow: 6px 6px 18px -4px rgba(0,0,0,0.34); 
	-moz-box-shadow: 6px 6px 18px -4px rgba(0,0,0,0.34); 
	box-shadow: 6px 6px 18px -4px rgba(0,0,0,0.34); 
} 
 
.si_input{ 
	width: 50px; 
    position: absolute; 
    padding: 0 10px; 
    border: none; 
    background: none; 
    box-sizing: border-box; 
    color:#fff; 
    font-size:18px; 
} 
.si_input:focus{ 
  outline: none; 
} 
.arrows div{ 
  position: absolute; 
  width: 0; 
  height: 0; 
  border: 8px solid transparent; 
} 
.up{ 
  top: -4px; right: 5px; 
  border-bottom-color: #2c7fb3!important; 
  border-top: 0; 
} 
.up:hover{ 
  border-bottom-color: #455ab5!important; 
} 
.down{ 
  bottom: -4px; right: 5px; 
  border-top-color: #2c7fb3!important; 
  border-bottom: 0; 
} 
.down:hover{ 
  border-top-color: #455ab5!important; 
}

<div class="si_form"> 
  <input type="text" class="si_input" name="from" placeholder="От"> 
  <div class='arrows'> 
    <div class='up'></div> 
    <div class='down'></div> 
  </div> 
</div> 
<div class="si_form"> 
  <input type="text" class="si_input" name="from" placeholder="От"> 
  <div class='arrows'> 
    <div class='up'></div> 
    <div class='down'></div> 
  </div> 
</div> 
<div class="si_form"> 
  <input type="text" class="si_input" name="from" placeholder="От"> 
  <div class='arrows'> 
    <div class='up'></div> 
    <div class='down'></div> 
  </div> 
</div>