Cart quantity increase or decrease using Javascript onclick function

OnClick increment or decrement value in input text for cart quantity value. here i'm going to help you in onclick increment value and decrement value, in input type cart quantity field. let see the code for on click increment and decrement.

LIVE DEMO

HTML CODE

 <div class="container">
<input type="button" onclick="decrementValue()" value="-" />
<input type="text" name="quantity" value="1" maxlength="2" max="10" size="1" id="number" />
<input type="button" onclick="incrementValue()" value="+" />
</div>

JAVA SCRIPT

 <script type="text/javascript">
function incrementValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    if(value<10){
        value++;
            document.getElementById('number').value = value;
    }
}
function decrementValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    if(value>1){
        value--;
            document.getElementById('number').value = value;
    }

}
</script>

Here i have given some condition in if condition, if you don't want just remove that code. i hope this will be really helpful to you. thanks for visiting.. keep visiting for more tutorial.