How to increment of 1 after 5th zero?

Question

I'm trying to increment of 1 after 5th zero but when I click the up button it shows me just 1 rather 000001.

<div class="input-group spinner">
    <input type="text" class="form-control" value="000001">
    <div class="input-group-btn-vertical">
       <button class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
       <button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
   </div>
</div>

jQuery

<script>                          
(function ($) {
   $('.spinner .btn:first-of-type').on('click', function() {
      $('.spinner input').val( parseInt($('.spinner input').val(), 10) + 1);
   });
   $('.spinner .btn:last-of-type').on('click', function() {
      $('.spinner input').val( parseInt($('.spinner input').val(), 10) - 1);
   });
})(jQuery);
</script>           
                

Answer 1

Try like this

  var noOfZer = 6; // Total length of number, for you number is 6
  var num=parseInt($('.spinner input').val(), 10) - 1;
  console.log(String('000000' + num).slice(-1 * noOfZer));

demo