Как увеличить значение input поля при клике?

Question

[Хабиб Омаров]

Суть вопроса такова.
Есть текстовое поле input с значением 1, и есть две кнопки по бокам + и -. При клике на + значение в текстовом поле должно увеличиваться, а при минусе уменьшаться.
Кто не догадался это поле выбора количества товаров добавляемых в корзину

Answer 1

[Хабиб Омаров]

var wrapper = document.querySelector('wr');
var countInput = document.getElementById('count');
var butM = document.getElementById('bminus');
var butP = document.getElementById('bplus');
var units = countInput.value.replace(/\d/g, '');
butP.onclick = function(){
    countInput.value = parseInt(countInput.value)+1+units;
};
butM.onclick = function(){
    if(parseInt(countInput.value) > 1) {
        countInput.value = parseInt(countInput.value)-1+units;
    }
};

подошел этот вариант

Answer 2

[Иван Костюк]

$(".element").click(function(){
    $(".inputclass").val($(".inputclass").val()-1);
    //$(".inputclass").val($(".inputclass").val()+1);
});

или задай атрибут operation

<input class="element" value="+" operation="+">
<input class="element" value="-" operation="-">

$(".element").click(function(){
    if($(this).attr('operation') == '+'){
        $(".inputclass").val($(".inputclass").val()+1);
    }else if($(this).attr('operation') == '-'){
        $(".inputclass").val($(".inputclass").val()-1);
    }
});

Comments

[Хабиб Омаров]

Уменьшение работает как надо, а при увеличении скрипт просто единицу добавляет. к примеру 1-11-111

[Иван Костюк]

Хабиб Омаров: можно взять интовое значение, а то оно конкатинацию походу делает.
var num = parseInt($(this).attr("inputclass").replace(/\D+/g,"")); // тут беру только число
ну и дальше:
num+=1
или
num-=1

[Алексей Бульба]

$('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});