Jquery : How to show number of clicks?

Question

I'm starting to learn JQuery.

Right now I want to take the value from my paragraph and give it +1 everytime I click on it. This is what I've tried:

<body>
    <p>0</p>
    <script>
        $("p").click(function(){
            // code...
        });
    </script>
</body>

This is my script

http://stackoverflow.com/questions/4701349/jquery-increase-the-value-of-a-counter-when-a-button-is-clicked — vaskort, May 08 '14 at 13:25

Milind Anantwar · Answer 1 · 2014-05-08T13:30:37.430

2

Try this:

  $( "p" ).click(function(){
     $(this).html(parseInt($(this).html(),10)+1);
  });

edited May 08 '14 at 13:30

answered May 08 '14 at 13:23

Milind Anantwar

1

The second argument to `parseInt` is *not* optional. – Niet the Dark Absol May 08 '14 at 13:24
@NiettheDarkAbsol But by default it will take that arg as `10` – Rajaprabhu Aravindasamy May 08 '14 at 13:27
False. By default it will take that argument as `0`, which is a special value meaning "guess". Try parsing `0x123` with and without the argument and tell me they're the same. – Niet the Dark Absol May 08 '14 at 13:29

score 2 · Accepted Answer · answered May 08 '14 at 13:37

You can do this as simple as this:

$(function(){ // you can wrap it here with in document ready block
   var i = 0;
   $("p").click(function(){
       $(this).html(i++);
   });
});

or may be a better one:

$(function(){ // you can wrap it here with in document ready block
   $("p").click(function(){
       $(this).html(+this.textContent + 1);
   });
});

score 1 · Answer 3 · edited May 08 '14 at 14:00

1

var count=0;
$( "p" ).click(function(){
    count++;    
    $(this).text(count);
});

edited May 08 '14 at 14:00

Brocco

answered May 08 '14 at 13:24

Balachandran

You could add a description of how your code works, since you answer to a beginner... – JonasVautherin May 08 '14 at 13:48

score 0 · Answer 4 · answered May 08 '14 at 13:26

0

this.firstChild.nodeValue = +this.firstChild.nodeValue + 1;

MOSR EFFICIENTS! :p

answered May 08 '14 at 13:26

2

`+this.firstChild.nodeValue` part is having the vulnerability to return `NAN` – Rajaprabhu Aravindasamy May 08 '14 at 13:28

4 Answers4