Две кнопки и slider
 

Всем привет очень долго мучаюсь и не знаю как сделать сделать
ПОЖАЛУЙСТА помогите в решении вопроса

Есть вот такой ползунок - (скрин) http://joxi.ru/D2Pjv1yudDeEMr
И его код

<input class="tmcp-field tm-epo-field tmcp-textfield tmcp-range" name="tmcp_range_0" data-price="" data-rules="[[&quot;0.000008&quot;]]" data-original-rules="[[&quot;0.000012&quot;]]" data-rulestype="[[&quot;step&quot;]]" value="409000000" id="tmcp_range_1" tabindex="1" type="hidden">

Мне нужно
при нажатии на кнопку плюс +1
что-бы брало значение с data-rulestype и добавляло к value
и так-же с минусом.
уже играюсь 3 дня
Большое спасибо за помощь !

Ползунок из input'a делает некий плагин. Соответственно с помощью плагина тут и надо работать, ибо велика вероятность что при изменении значений напрямую сам ползунок никуда не поедет.

А если на прямую - то как-то так:

<input name="tmcp_range_0" value="0" data-rulestype="5">
<input type="button" value="+" onclick="change(document.querySelector('[name=&quot;tmcp_range_0&quot;]'), '+')">
<input type="button" value="-" onclick="change(document.querySelector('[name=&quot;tmcp_range_0&quot;]'), '-')">
<script>
function change(element, operation){
  element.value = +element.value + element.getAttribute('data-rulestype') * (operation === '+' || -1);
}
</script>