how to increase a number value on button click jquery

Question

html

<span id="count" style="margin-top: -5%;" class="likes_count">5 likes</span>

this is my javascript code

$(document).ready(function(){
    // when the user clicks on like
    $(document).on('click','.like',function(){
       $('.like').addClass('animated bounceIn');
      var postid = $(this).data('id');
      var id = $(this).attr('data-likes');
          $post = $(this);

      $.ajax({
        url: 'dashboard.php',
        type: 'POST',
        data: {
          'liked': 1,
          'postid': postid
        },
        success: function(response){


          $post.parent().find('span.likes_count').text(id+1+"likes");
          $post.addClass('hide');
          $post.siblings().removeClass('hide');



        }
      });

    });

i am fetching nuber of like in id variable but dont know how to increase it on success ive tried it in my code but not working it is adding 1 in front of the whole number any helps

Can you add any live demo ? with HTML code ?

GRESPL Nagpur
– GRESPL Nagpur

2018-10-20 12:56:46 +00:00
Commented Oct 20, 2018 at 12:56 — GRESPL Nagpur
– GRESPL Nagpur, Commented Oct 20, 2018 at 12:56
...text(parseInt(id)+1+"likes")

Jeff
– Jeff

2018-10-20 13:10:31 +00:00
Commented Oct 20, 2018 at 13:10 — Jeff
– Jeff, Commented Oct 20, 2018 at 13:10

Robin Zigmond · Accepted Answer · 2018-10-20 13:10:05Z

2

Just replace this:

$post.parent().find('span.likes_count').text(id+1+"likes");

with:

$post.parent().find('span.likes_count').text((+id+1)+"likes");

The problem is that id, as well as "likes" are strings, so Javascript interprets the + operator as doing concatenation between strings. The "unary plus" +id converts it to a number (you can also use Number(id), which some find more explicit but I personally find verbose), and by putting +id+1 in parentheses you ensure that this is treated as numeric addition, before the string concatentation with "likes" happens.

answered Oct 20, 2018 at 13:10

Robin Zigmond

18.3k2 gold badges25 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to increase a number value on button click jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related