Нужно что бы верхняя стрелка меняла значение в input на +1, а нижняя на -1. минимальное значение было 0, а максимальное 9. помогите пожалуйста
пример
<ul class="test">
<li class="entering-numbers">
<div class="arrow-up"></div>
<div class="arrow-down"></div>
<input type="text" value="4" readonly>
<label> 123</label>
</li>
</ul>